Я пытаюсь перебрать массив Django с именем special_ads в Javascript. Идея заключается в том, что я могу создавать объекты Javascript advert и сохранять их в массиве Javascript.
Эти объекты используются для выбора определенного объявления и отображения дополнительной информации.
<script type="text/javascript">
ADS = new slideshow();
{% for ad in special_ads %}
ADS.add_ad(new advert(
"{{ ad.image }}",
"Drie halen twee betalen",
"{{ ad.company.name }}",
"{{ ad.description }}",
"{{ MEDIA_URL }}{{ ad.image }}",
"{% thumbnail ad.image 55x55 crop %}",
"brown",
"white"
));
{% endfor %}
</script>
//==================================================
// ad object
//==================================================
function advert(id,title,company,description,normal_image_src,thumb_image_src,background_color,text_color) {
this.id = id;
this.title = title;
this.company = company;
this.description = description;
this.normal_image_src = normal_image_src;
this.thumb_image_src = thumb_image_src;
this.background_color = background_color;
this.text_color = text_color;
}
Я действительно не могу использовать список JSON, потому что мне также нужен тот же массив в HTML при загрузке страницы, как показано ниже.
{% for ad in special_ads %}
<dd>
<a id="std_ad_{{ i }}" class="img">
<img id="{{ ad.image }}" class="enlarge" src="{% thumbnail ad.image 55x55 crop %}" alt="{{ ad.company.name }}" onclick="ADS.display(this)"/>
</a>
</dd>
{% endfor %}
Проблема в том, что это не работает правильно. Страница загружается правильно, но реклама не добавляется в массив. Также часть Django, кажется, выполняется правильно. Источник страницы приводит к следующему.
<script type="text/javascript">
ADS = new slideshow();
ADS.add_ad(new advert(
"ads/logo_copy.jpg",
"Drie halen twee betalen",
"Directdoen.nl",
"DirectDoen helpt u graag met schoonmaken, tuinonderhoud en klussen. Bij DirectDoen bent u voor hulp in en om uw huis aan",
"http://127.0.0.1:8000/media/ads/logo_copy.jpg",
"",
"brown",
"white"
));
ADS.add_ad(new advert(
"ads/Untitled-1.jpg",
"Drie halen twee betalen",
"Jouwstraat.nl",
"Jouwstraat.nl is een website waar buren & straatgenoten met elkaar in contact kunnen
komen en blijven. Kijk dus snel op .
",
"http://127.0.0.1:8000/media/ads/Untitled-1.jpg",
"",
"brown",
"white"
));
ADS.add_ad(new advert(
"ads/AD.JPG",
"Drie halen twee betalen",
"Code 06",
"DirectDoen helpt u graag met schoonmaken, tuinonderhoud en klussen. Bij DirectDoen bent u voor hulp in en om uw huis aan
",
"http://127.0.0.1:8000/media/ads/AD.JPG",
"http://127.0.0.1:8000/media/ads/AD_JPG_55x55_crop_q95.jpg",
"brown",
"white"
));
</script>
Я уже много искал, но мне не удалось найти хороший учебник о том, как это сделать. Есть ли кто-нибудь, кто знает, как лучше всего достичь моей цели?