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.