document.write en lugar específico?

paskuini · #1 (**permalink**) 21/10/2011, 03:06

Hola de nuevo! alguien puede decirme cómo hacer un document.write en un div específico? No puedo usar innerHTML (creo) porque pasaría los datos como texto llano....

Código PHP:

  <html> 
    <head> 
        <style> 
            body{font-family:Verdana, Geneva, sans-serif; margin:0; padding:0;} 
            h1{font-size:2em;} 
            h2{font-size:1.5em;} 
            h3{font-size:1em;} 
            img{padding:5px;} 
            #contenedor{width:auto; height:auto; background:#CCC; border:1px solid #666; padding-left:50px; padding-bottom:10px;} 
        </style> 
    </head> 
    <body> 
     
    <script type="text/javascript"> 
        if (window.XMLHttpRequest){ 
            xmlhttp=new XMLHttpRequest(); 
            } 
            else { 
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
                } 
                 
        xmlhttp.open("GET","productos.xml",false); 
        xmlhttp.send(); 
        xmlDoc=xmlhttp.responseXML; 
         
        var x=xmlDoc.getElementsByTagName("PRODUCTO"); 
        var ref=1; 
        var y=x[ref]; 
          document.write(y.getElementsByTagName("NOMBRE")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("DESCRIPCION")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("QUOTE")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("FOTO1")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("FOTO2")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("FOTO3")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("FOTO4")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("FOTO5")[0].childNodes[0].nodeValue); 
          document.write("<br>"); 
          document.write(y.getElementsByTagName("FOTO6")[0].childNodes[0].nodeValue); 
    </script> 
     
    <div id="nombre"></div> 
    <div id="descripcion"></div> 
    <div id="quote"></div> 
    <div id="foto1"></div> 
    <div id="foto2"></div> 
    <div id="foto3"></div> 
    <div id="foto4"></div> 
    <div id="foto5"></div> 
    <div id="foto6"></div> 
     
    </body> 
</html>

piojoso · #2 (**permalink**) 21/10/2011, 03:17

document.getElementById('divID').write(strCode);

paskuini · #3 (**permalink**) 21/10/2011, 04:08

nop, no funca

IsaBelM · #4 (**permalink**) 21/10/2011, 06:56

si te refieres es que no se van a ejecutar los saltos del línea, no es así

maycolalvarez · #5 (**permalink**) 21/10/2011, 10:14

Cita:

Iniciado por piojoso

document.getElementById('divID').write(strCode);

mejor dicho:

document.getElementById('divID').innerHTML= strCode;

paskuini · #6 (**permalink**) 24/10/2011, 01:08

Cita:

Iniciado por IsaBelM

si te refieres es que no se van a ejecutar los saltos del línea, no es así

me refiero a que no se me ejecuta esto:

Código PHP:

  document.write(y.getElementsByTagName("NOMBRE")[0].childNodes[0].nodeValue);

no esto otro:

Código PHP:

  document.write("<br>");

paskuini · #7 (**permalink**) 24/10/2011, 01:13

con innerHTML, los saltos de linea se introducen con caracteres especiales, no? con \r ¿?

caricatos · #8 (**permalink**) 24/10/2011, 01:49

Hola:

Los saltos de línea en los elementos div se visualizan como espacios sencillos, puedes usar un elemento pre (que sí que reconoce los caracteres \n como saltos de línea), o cambiar esos saltos por la cadena "<br>"...

Saludos

paskuini · #9 (**permalink**) 24/10/2011, 09:25

pero, y cómo hago para que me ejecute las instrucciones que sacan los datos del xml?

maycolalvarez · #10 (**permalink**) 24/10/2011, 12:19

Cita:

Iniciado por paskuini

pero, y cómo hago para que me ejecute las instrucciones que sacan los datos del xml?

extrayendo los scripts y utilizando eval() para ello

IsaBelM · #11 (**permalink**) 24/10/2011, 12:22

a ver, o no estás entendiendo lo que se te dice que hagas o los que no entendemos somos nosotros

prueba con esto

Cita:

document.getElementById('nombre').innerHTML = y.getElementsByTagName("NOMBRE")[0].childNodes[0].nodeValue + '<br />';
document.getElementById('descripcion').innerHTML = y.getElementsByTagName("DESCRIPCION")[0].childNodes[0].nodeValue + '<br />';
.......

pd: no entiendo los saltos de línea, pero quizás no tengo todos los detalles