Foros del Web » Programando para Internet » Javascript » Frameworks JS »

poner contenido en un div con javascript

Estas en el tema de poner contenido en un div con javascript en el foro de Frameworks JS en Foros del Web. Tengo 2 archivos un html y un js(main.js) En el archivo html solo llamo a main.js y he creado un script que al hacer click ...
  #1 (permalink)  
Antiguo 30/10/2012, 16:00
 
Fecha de Ingreso: diciembre-2010
Mensajes: 24
Antigüedad: 13 años, 10 meses
Puntos: 0
poner contenido en un div con javascript

Tengo 2 archivos un html y un js(main.js)

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
  1. [B]$(document).ready(function(){
  2.  $(".title").click(function(){
  3.       $("#contenido").html("titulos");
  4.  });
  5. });[/B]

Ahora en mi main.js tengo este codigo (solo copiare la parte que es mi consulta)...
Código Javascript:
Ver original
  1. xmlhttp.open("GET","cd_catalog.xml",false);
  2. xmlhttp.send();
  3. xmlDoc=xmlhttp.responseXML;
  4.  
  5. var x=xmlDoc.getElementsByTagName("CD");
  6. for (i=0;i<x.length;i++)
  7.   {
  8.   document.write("<ul >");
  9.   document.write("<li class='xtitle' id='title' value='aaa'  >");
  10.   document.write(x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
  11.   document.write("</li>");
  12.   document.write("<li class='xdesc' >");
  13.   document.write(x.getElementsByTagName("DESCRIP")[0].childNodes[0].nodeValue);
  14.   document.write("</li>");
  15.   document.write("<li class='xtime'>");
  16.   document.write(x.getElementsByTagName("TIME")[0].childNodes[0].nodeValue);
  17.   document.write("</li>");
  18.   document.write("<li class='xthumb'>");
  19.   document.write(x.getElementsByTagName("THUMB")[0].childNodes[0].nodeValue);
  20.   document.write("</li>");
  21.   document.write("<li class='xpreview'>");
  22.   document.write(x.getElementsByTagName("PREVIEW")[0].childNodes[0].nodeValue);
  23.   document.write("</li>")
  24.   document.write("<li class='xsources_mp4'>");
  25.   document.write(x.getElementsByTagName('VIDEO')[0].childNodes[0].nodeValue);
  26.   document.write("</li>")
  27.   document.write("</ul>");
  28.  }
  29. document.write("</div>");
  30. document.write("</video>");
  31. document.write("</div>");
  32. document.write("<div id='contenido' style='height:200px;background-color:#3e414a '>Contenido</div>");
  33. 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.


Última edición por chrismark182; 30/10/2012 a las 16:34

Etiquetas: contenido, html, javascript, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:42.