hola a todos, aca pasa algo extraño con jquery, mira este codigo
todo funciona bien, excepto para parte
$("#side_bar").html(side_bar_html);
que no me agrega nada al div de id=side_bar,
sin embargo el alert(side_bar_html) si me muestra el contenido de side_bar_html
alguna idea, el firebug me dice ReferenceError: side_bar_html is not defined
http://localhost/xml/todo.php
Line 0
pero como entonces el alert si lo muestra ????
como debería hacer entonces ????
uso jquery 1.4.4
var side_bar_html = "";
var gmarkers = [];
var lastlinkid;
$.ajax({
type: "GET",
url: "todos.xml",
dataType: "xml",
error: function(){
alert('Error loading XML document');
},
success: function(xml) {
$(xml).find('inmueble').each(function(){
var id = $(this).attr('id');
var lat = $(this).attr('lat');
var lng = $(this).attr('lng');
var html = id +"<br />";
html+= $(this).attr('dir')+"<br />";
var point = new GLatLng(lat,lng);
var marker = createMarker(point, html)
map.addOverlay(marker);
});
alert(side_bar_html);
$("#side_bar").html(side_bar_html);
}
});
function createMarker(point,html) {
var marker = new GMarker(point);
var linkid = "link"+(gmarkers.length);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
lastlinkid=linkid;
});
gmarkers.push(marker);
side_bar_html += '<a href="javascript
:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
return marker;
}
function myclick(i) {
GEvent.trigger(gmarkers[i], "click");
}