XML image path

mlosier

Hi guys, I am not sure if I can post this here, but i'll do it anyway 😛

Ok, i have an xml file like this for example,

<markers>
<image src="images/ad1.jpg"/>
</markers>

I use this code to get the data

$('image', xml).each(function (i) {				$("#src").text($(this).attr('src'));			
});

How can i show the actual image not just the text?

CoderDan

going to need a little more code than that, as that doesn't appear to be showing anything (although I think it is retrieving the img src, so shouldn't be too hard to wrap an image tag around it on output)

mlosier

how woud I be able to wrap this with a img tag?

CoderDan

where is your output code?

mlosier

This is the output code

<meta http-equiv="Expires" content="Tue, 01 Jan 2000 12:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
</head>

<body>



<div id="src"></div>



</body>
</html>

It's only showing me the image URL which is normal in this case. i want to know how i can parse this to an img tag.

CoderDan

Um, where is it showing the image url? I don't see it.

Weedpacket

Moved to the appropriate forum (yes, a difficult concept, I know....)

mlosier

this here should be working... but it's not, anybody has a clue?

<?php
	print "var veh = \"" . $_GET[vehID] . "\";" ;
	?>

$.ajax({
	type: "GET",
	url: "getAds.php",
	data: "veh="+veh,
	success: function(xml) {

		$('img', xml).each(function (i) {

			$("#src").html("<img src=\"" + $(this).attr('src') + "\">");

			});

		setTimeout("refreshData()", 5000);
	}
});

}

</script>
<meta http-equiv="Expires" content="Tue, 01 Jan 2000 12:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
</head>

<body>

<div id="src"></div>


</body>
</html>

Thanks in advance

CoderDan

try either:

$("#src").innerHTML("<img src=\"" + $(this).attr('src') + "\">");

or change the div to an img and affect it's src instead of innerHTML with just the new src.
(I write a lot of javascript, but I do it from scratch, and I'm nt as good with it as I am with php, so I'm assuming your $('#src") ends up getting the element with that id through some sort of javascript library, and is the equivalent of document.getElementById( 'src' ) )