En el archivo html solo llamo a main.js y he creado un script que al hacer click en un li se cambiaria el contenido de un div.
Este es el script:
Código Javascript:
Ver original
[B]$(document).ready(function(){ $(".title").click(function(){ $("#contenido").html("titulos"); }); });[/B]
Ahora en mi main.js tengo este codigo (solo copiare la parte que es mi consulta)...
Código Javascript:
Ver original
xmlhttp.open("GET","cd_catalog.xml",false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML; var x=xmlDoc.getElementsByTagName("CD"); for (i=0;i<x.length;i++) { document.write("<ul >"); document.write("<li class='xtitle' id='title' value='aaa' >"); document.write(x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue); document.write("</li>"); document.write("<li class='xdesc' >"); document.write(x.getElementsByTagName("DESCRIP")[0].childNodes[0].nodeValue); document.write("</li>"); document.write("<li class='xtime'>"); document.write(x.getElementsByTagName("TIME")[0].childNodes[0].nodeValue); document.write("</li>"); document.write("<li class='xthumb'>"); document.write(x.getElementsByTagName("THUMB")[0].childNodes[0].nodeValue); document.write("</li>"); document.write("<li class='xpreview'>"); document.write(x.getElementsByTagName("PREVIEW")[0].childNodes[0].nodeValue); document.write("</li>") document.write("<li class='xsources_mp4'>"); document.write(x.getElementsByTagName('VIDEO')[0].childNodes[0].nodeValue); document.write("</li>") document.write("</ul>"); } document.write("</div>"); document.write("</video>"); document.write("</div>"); document.write("<div id='contenido' style='height:200px;background-color:#3e414a '>Contenido</div>"); document.write("</div>");
Bueno aun me falta corregir unas cosas con respecto al diseno pero la parte de efecto del script que al hacer click en el li si me sale en el div llamado contenido (solo lo hice como prueba) pero quiero que visualize el titulo y su descripcion que aun no se como hacerlo u.u!
Dejo una imagen para que se entienda.