este es el codigo
Código HTML :
<title>Noticiero</title>
<style type="text/css">
.vin{
background-color:#990;
cursor:pointer;
}
</style>
<script type="text/javascript" src="scripts/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
url: 'http://localhost:8080/SysWebEdu/noticiero3.php',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(){
alert('Error loading XML document');
},
success: function(xml){
var tabla = '<table cellpadding="0" cellspacing="0" border="1" class="display" id="lista_paciente">';
tabla += '<caption>Noticiero Semanal</caption>';
tabla += '<thead>';
tabla += '<tr>';
tabla += '<th></th>';
tabla += '</tr>';
tabla += '</thead>';
tabla += '<tbody>';
tr = '';
var agendaphp=xml;
var agenda=agendaphp.getElementsByTagName('noticia');
for(var i=0;i<agenda.length;i++){
tr += '<tr><td>';
evento=agendaphp.getElementsByTagName('noticia')[i];
fecha=evento.getElementsByTagName('fecha')[0].firstChild.nodeValue;
titulo=evento.getElementsByTagName('titulo')[0].firstChild.nodeValue;
detalle=evento.getElementsByTagName('detalles')[0].firstChild.nodeValue;
imagen=evento.getElementsByTagName('imagen')[0].firstChild.nodeValue;
fuente=evento.getElementsByTagName('fuente')[0].firstChild.nodeValue;
idnoticia=evento.getElementsByTagName('idnoticia')[0].firstChild.nodeValue;
tr += '<div><IMG SRC="imagenes/'+imagen+'"WIDTH="150" HEIGHT="70"></div><div>'+titulo+'</div><div>'+detalle+'</div><div>'+fecha+'</div><div>'+fuente+'</div><div class ="vin"><a href="#" onclick="saludar('+idnoticia.toString()+');return false;">Leer Mas..</a></div>';
tr += '</td> </tr>';
}
tabla += tr;
tabla += '</tbody></table>';
$("#noticiero").html(tabla);
}
});
})
function saludar(saludo){
alert(saludo);
}
</script>
</head>
<body>
<div id="noticiero">
</div>
</body>
Disculpen si es mucho codigo, y por ahi alguien me puede ayudar a simplicarlo se lo agradeceria.. eso es todo gracias.
