{% block title %}{% endblock %}

// when an image is selected open URL with it

Download 6,99 Mb.

bet	58/64
Sana	29.01.2022
Hajmi	6,99 Mb.
	#415730

1 ... 54 55 56 57 58 59 60 61 ... 64

Bog'liq
Django UZB

// when an image is selected open URL with it
jQuery('#bookmarklet .images a').click(function(e){
selected_image = jQuery(this).children('img').attr('src');
// hide bookmarklet
jQuery('#bookmarklet').hide();
// open new window to submit the image
window.open(site_url +'images/create/?url='
+ encodeURIComponent(selected_image)
+ '&title='
+ encodeURIComponent(jQuery('title').text()),
'_blank');
});

Oldingi kod quyidagicha ishlaydi:

1. Har bir rasmning havola elementiga click() hodisasini biriktirasiz.
2. Foydalanuvchi rasmni bosganda, siz selected_
image nomlangan yangi o'zgaruvchini o'rnatasiz.
tanlangan rasmning URL manzilini o'z ichiga olgan rasm.
3. Siz xatcho'pni yashirasiz va URL manzili bilan yangi brauzer oynasini ochasiz saytingizda yangi rasmni xatcho'p qo'yish. Siz mazmunini o'tkazasiz veb-sayt elementi va tanlangan rasm URL manzili GET parametrlari sifatida. Brauzeringiz bilan yangi URL oching va ko'rsatish uchun xatcho'pni yana bosing tasvirni tanlash oynasi. <a href="/fazoviy-fanlarda-masshtab-va-tiniqlikning-ahamiyati.html">Agar siz rasmga bossangiz</a>, rasmga yo'naltirilasiz <a href="/11-eshik-va-deraza-class-larini-yarating-va-ularni-boglovchi-f.html">sahifani yarating</a>, veb-sayt sarlavhasini va tanlangan rasmning URL manzilini GET sifatida o'tkazing parametrlar: Tabriklaymiz! Bu sizning birinchi JavaScript xatcho'pingiz bo'lib, u to'liq integratsiyalangan Django loyihangizga kiriting. Tasvirlar uchun batafsil ko'rinish <a href="/labarotoriya-ishi-v4.html">yaratish</a> Endi saqlangan tasvirni ko'rsatish uchun oddiy tafsilotlar ko'rinishini yarataylik sizning saytingiz. Tasvirlar ilovasining views.py faylini oching va quyidagilarni qo'shing unga kod: from django.shortcuts import get_object_or_404 from .models <a href="/import-stdio-import-stdarray-import.html">import Image</a> def image_detail(request, id, slug): image = get_object_or_404(Image, id=id, slug=slug) return render(request, 'images/image/detail.html', {'section': 'images', 'image': image}) Bu tasvirni ko'rsatish uchun oddiy ko'rinishdir. Tasvirlarning urls.py faylini tahrirlang ilovasini va quyidagi URL namunasini qo'shing: path('detail/<int:id>/<slug:slug>/', views.image_detail, name='detail'), Tasvirlar ilovasining models.py faylini tahrirlang va get_absolute_url() ni qo'shing. Tasvir modeliga quyidagi usuldan foydalaning: from django.urls <a href="/import-stdio-import-stdarray-import.html">import reverse</a> class Image(models.Model): # ... def get_absolute_url(self): return reverse('images:detail', args=[self.id, self.slug]) Ob'ektlar uchun kanonik URL-manzillarni taqdim etishning umumiy namunasi ekanligini unutmang modeldagi get_absolute_url() usulini aniqlash uchun. Nihoyat, /images/image/ shablon katalogida shablon yarating. tasvirlar ilovasi va uni detail.html deb nomlang. Unga quyidagi kodni qo'shing: {% extends "base.html" %} {% block title %}{{ image.title }}{% endblock %} {% block content %}

Download 6,99 Mb.

Do'stlaringiz bilan baham:

1 ... 54 55 56 57 58 59 60 61 ... 64