Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Условие вывода изображения (https://javascript.ru/forum/jquery/52220-uslovie-vyvoda-izobrazheniya.html)

xmaks82 09.12.2014 09:28

Условие вывода изображения
 
Стоит задача выводить картинку по условию. Данные берутся из xml. "1" одна картинка, любое другое значение (в xml будет "0") другая. Таблица формируется как надо, а вот с изображением не выходит.

сам скрипт:
<script>
     	$(document).ready(function(){
			$.ajax({
				type: "GET",
				url: "xml/data.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find('ATM').each(function(){
						var id = $(this).attr('id');
						var name = $(this).find('name').text();
						var time = $(this).find('time').text();					
						var distance = $(this).find('distance').text();
						var address = $(this).find('address').text();
							if (id == ('132087')) {
								if (time == ('24ч')) {
									var pict = window.document.createElement('img');
								    pict.src='img/24h.gif';
									}
								else {
									var pict = window.document.createElement('img');
								    pict.src='img/no24h.gif';
									};	
							$('<tr class="string_'+id+'"></tr>').html('<td>'+document.body.appendChild(pict)+'</td><td>'+name+'</td><td>'+address+'</td><td>'+distance+'</td>').appendTo('#list');
							};
					});
				}
			});
		});
     </script>

myshara 10.12.2014 10:33

Добрый день!

У меня к вам вопрос:
Где, а главное, как определена переменная pict?

Цитата:

В жизни каждый должен совершать свои собственные ошибки.

Кристи А.
Источник: http://www.wisdoms.ru/112_1.html

xmaks82 10.12.2014 10:43

Добрый!

Я еще пока мало чего умею, только начал изучать язык.
Полагал, что pict определена этой
var pict = window.document.createElement('img');

строчкой. Если это не верно, подскажите, как надо сделать. Спасибо.

myshara 10.12.2014 10:50

Т.к. форум JQUERY.

То можно сделать следующее:
var pict=$('<img scr="img/24h.gif'"/>')
...
var pict=$('<img scr="img/no24h.gif'"/>')


И еще (в первую очередь):
Проверьте относительность путей к папке img.
Может надо "../img/.."

xmaks82 10.12.2014 11:13

Спасибо!
Рабочим оказался такой вариант:
<script>
     	$(document).ready(function(){
			$.ajax({
				type: "GET",
				url: "xml/data.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find('ATM').each(function(){
						var id = $(this).attr('id');
						var name = $(this).find('name').text();
						var time = $(this).find('time').text();					
						var distance = $(this).find('distance').text();
						var address = $(this).find('address').text();
						if (id == ('132087')) {
								if (time == ('24ч')) {
									var pict='img/24h.gif';
									}
								else {
									var pict='img/no24h.gif';
									};	
							$('<tr class="string_'+id+'"></tr>').html('<td><img src=\"'+pict+'\"</td><td>'+name+'</td><td>'+address+'</td><td>'+distance+'</td>').appendTo('#list');
							};
					});
				}
			});
		});
     </script>


Часовой пояс GMT +3, время: 21:15.