TRUCASO para capturar este innerHTML:

Anarko · #1 (**permalink**) 09/05/2013, 18:29

Hola.

Necesito que finalizado sea un id posterior a la etiqueta </html>

¿alguna idea para capturar ese innerHTML?

NUCKLEAR · #2 (**permalink**) 09/05/2013, 18:34

Yo no entendí nada ¬¬

Anarko · #3 (**permalink**) 09/05/2013, 18:41

Cita:

Iniciado por NUCKLEAR

no entendí

Gracias por tu interes Nuklear.

Necesito hacer esto dentro de una simple página HTML:

Código:

...código html...
...código html...
...código html...
<!-- comentario id="uno" necesito capturar este innerHTML -->
...código html...
...código html...
...código html...
<script>
	var elid1;
	elid1=document.getElementById('uno').innerHTML;
	alert(elid1);
</script>
...código html...
...código html...
...código html...

Poder hacerlo sería un TRUCASO!, lo intento e intento y no funciona ESE tradicional JavaScript.

NUCKLEAR · #4 (**permalink**) 09/05/2013, 18:51

Bueno, menos mal te dije que no se entendió nada ¬¬
Según adivino, lo que quieres es hacer esto? http://www.w3schools.com/jsref/met_d...lementbyid.asp

abimex · #5 (**permalink**) 09/05/2013, 18:52

creo que tendras que parsear todo el DOM y usar Regex

Anarko · #6 (**permalink**) 09/05/2013, 19:09

Cita:

Iniciado por abimex

usar Regex

Esto no va: getElementsByRegexId().

Anarko · #7 (**permalink**) 09/05/2013, 19:11

Cita:

Iniciado por NUCKLEAR

quieres es hacer esto...

Exácto!, pero al ser un comentario HTML, la cosa se pone muuuuyyyy..... peluda...

Panino5001 · #8 (**permalink**) 09/05/2013, 20:29

Fijate si te sirve:

Código PHP:

  <!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title></title> 
<!-- hola --> 
</head> 
 
<body> 
<!-- chau --> 
<script type="text/javascript"> 
function htmlTree(obj){ 
    var str = ""; 
    if (obj.hasChildNodes()) { 
      var child = obj.firstChild; 
      while (child) { 
          if (child.nodeType === 8) { 
               str +=child.nodeValue + '\n'; 
          } 
        if (child.nodeType === 1) { 
          str += htmlTree(child); 
        } 
        child = child.nextSibling; 
      } 
    } 
    
    return str; 
  } 
  
    
    alert(htmlTree(document.documentElement)); 
</script> 
</body> 
</html>

emprear · #9 (**permalink**) 09/05/2013, 20:36

Cita:

Iniciado por Anarko

Exácto!, pero al ser un comentario HTML, la cosa se pone muuuuyyyy..... peluda...

lo que querés es una cosa muy extraña, en primer lugar no existe un innerHTML de un comentario, ni siquiera de un elemento dentro de un comentario, lo más aproxinado que podés hacer es
crear un js externo
c_fuente.js

Código:

xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", document.URL, true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
source = xmlhttp.responseText;
var a = source.split('id="uno" ');
alert(a[1]);
var b = a[1].split(' -->');
alert('el contenido del comentario es: ' + b[0]);

}
}
xmlhttp.send(null)

y lo llamás en el html que tiene el comentario

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
<html lang='en'>
<head>
<meta http-equiv='Content-type' content='text/html;charset=UTF-8'>
<title>Título</title>
<script type="text/javascript" src="c_fuente2.js"></script>
</head>
<body>
<!-- comentario id="uno" xxxxxxx -->
</body>
</html>

supongo que con php podés hacerlo más dinámico. Dado que utilizamos ajax, salvo en Firefox, el ejemplo no te va a correr, solo desde el server ó http://localhost
Saludos

Anarko · #10 (**permalink**) 10/05/2013, 06:04

Cita:

Iniciado por Panino5001

Fijate si te sirve

Muchas gracias.

Funciona muy bien si los comentarios están ANTES del JS.

Pero aki no retorna:

Código:

<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
	<p>Cantidad de info...</p>
<script type="text/javascript">
function htmlTree(obj){
    var str = "";
    if (obj.hasChildNodes()) {
      var child = obj.firstChild;
      while (child) {
          if (child.nodeType === 8) {
               str +=child.nodeValue + '\n';
          }
        if (child.nodeType === 1) {
          str += htmlTree(child);
        }
        child = child.nextSibling;
      }
    }
   
    return str;
  }
 
   
    alert(htmlTree(document.documentElement));
</script>
<!-- hola -->
	<p>Cantidad de info...</p>
<!-- chau -->
</body>
</html>

Anarko · #11 (**permalink**) 10/05/2013, 06:14

Cita:

Iniciado por emprear

no existe un innerHTML de un comentario, ni siquiera de un elemento dentro de un comentario

Tu código pinta bien, solo que CAPTURA ABSOLUTAMENTE TODAS LAS MARCAS HTML... (esa es la idea) ?

Finalmente, requiero capturar X comentario y no todos:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
<html lang='en'>
<head>
<meta http-equiv='Content-type' content='text/html;charset=UTF-8'>
<title>T쳵lo</title>
<script type="text/javascript" src="c_fuente2.js"></script>
</head>
<body>
<!-- comentario id="uno" uuuuuu -->
<p>Información...</p>
<!-- comentario id="dos" dddddddddddd -->
<p>Información...</p>
<!-- comentario id="tres" tttttttttttt -->
<p>Información...</p>
</body>
</html> 
<!-- comentario id="cuatro" chanchan... -->

¿es posible?

Panino5001 · #12 (**permalink**) 10/05/2013, 06:28

Creí que sobreentenderías que para recorrer el DOM el mismo debía estar cargado. Era sólo un ejemplo. Aquí nuevamente, masticado y listo para tragar:

Código PHP:

  <!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8" />  
<title></title>  
<!-- hola --> 
<script type="text/javascript">  
function htmlTree(obj){  
    var str = "";  
    if (obj.hasChildNodes()) {  
      var child = obj.firstChild;  
      while (child) {  
          if (child.nodeType === 8) {  
               str +=child.nodeValue + '\n';  
          }  
        if (child.nodeType === 1) {  
          str += htmlTree(child);  
        }  
        child = child.nextSibling;  
      }  
    }  
     
    return str;  
  }  
   
     
onload=function(){alert(htmlTree(document.documentElement));};  
</script>  
</head>  
 
<body>  
<!-- chau -->  
 
</body>  
</html>

pzin · #13 (**permalink**) 10/05/2013, 06:45

Llámenme loco, pero me parece una burrada usar comentarios para cualquier cosa que no sea un comentario. Eso ya se lo dejamos a Microsoft.

Igual sería interesante para ti mismo que explicaras qué necesidad tienes de hacer algo así. Seguro que hay soluciones menos arcaicas y extrañas que la de leer un comentario.

Panino5001 · #14 (**permalink**) 10/05/2013, 07:02

Cita:

Iniciado por pzin

Llámenme loco, pero me parece una burrada usar comentarios para cualquier cosa que no sea un comentario. Eso ya se lo dejamos a Microsoft.

Igual sería interesante para ti mismo que explicaras qué necesidad tienes de hacer algo así. Seguro que hay soluciones menos arcaicas y extrañas que la de leer un comentario.

Tal vez hoy lo sea para la mayoría de los navegadores, gracias a los atributos data de html5, pero en el pasado era útil para asociar metadatos específicos para un nodo o conjunto de nodos y no afectar la validación del doctype o para no tener que crear un doctype personalizado.

Edit: Estaba buscando una página vieja para ilustrar mi último comentario y me encontré con esto: http://james.padolsey.com/javascript...html-comments/ , que de paso tiene una función más elaborada para obtener el contenido de los comments

Anarko · #15 (**permalink**) 10/05/2013, 07:11

Cita:

Iniciado por Panino5001

Creí que sobreentenderías que para recorrer el DOM el mismo debía estar cargado.

Agradezco tu ayuda, te comento que no captura lo que posiciono luego de la etiqueta </html> que es lo que debo lograr.

Código:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title></title> 
<!-- hola -->
<script type="text/javascript"> 
function htmlTree(obj){ 
    var str = ""; 
    if (obj.hasChildNodes()) { 
      var child = obj.firstChild; 
      while (child) { 
          if (child.nodeType === 8) { 
               str +=child.nodeValue + '\n'; 
          } 
        if (child.nodeType === 1) { 
          str += htmlTree(child); 
        } 
        child = child.nextSibling; 
      } 
    } 
    
    return str; 
  } 
  
    
onload=function(){alert(htmlTree(document.documentElement));}; 
</script> 
</head>
<body> 
</body> 
</html>
<!-- chau -->

Efectivamente no comprendo ni tu código ni el

Código:

xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", document.URL, true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
source = xmlhttp.responseText;
var a = source.split('id="uno" ');
alert(a[1]);
var b = a[1].split(' -->');
alert('el contenido del comentario es: ' + b[0]);
}
}
xmlhttp.send(null)

que logra capturar TODO, pero yo debo elegir solo UNO de esos comentarios...

Efectivamente sería prefereible para mí correr el código desde la misma pagina y no llamando la función desde un archivo externo, pero creo que no se puede...

Panino5001 · #16 (**permalink**) 10/05/2013, 07:16

Claro, es porque empezamos a examinar a partir del tag html, que en javascript es document.documentElement. Para lo que vos querés necesitás capturar al nodo padre del nodo html, que en javascript es document.documentElement.parentNode:

Código PHP:

  <!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title></title> 
<!-- hola -->
<script type="text/javascript"> 
function htmlTree(obj){ 
    var str = ""; 
    if (obj.hasChildNodes()) { 
      var child = obj.firstChild; 
      while (child) { 
          if (child.nodeType === 8) { 
               str +=child.nodeValue + '\n'; 
          } 
        if (child.nodeType === 1) { 
          str += htmlTree(child); 
        } 
        child = child.nextSibling; 
      } 
    } 
    
    return str; 
  } 
  
    
onload=function(){alert(htmlTree(document.documentElement.parentNode));}; 
</script> 
</head> 

<body> 
<!-- chau --> 

</body> 
</html>
<!-- uf! -->

Panino5001 · #17 (**permalink**) 10/05/2013, 07:22

Y, por las dudas, la forma de capturar el o los que quieras mediante un índice:

Código PHP:

  <!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8" />  
<title></title>  
<!-- hola --> 
<script type="text/javascript">  
function htmlTree(obj,s){  
    var r =s || [];  
    if (obj.hasChildNodes()) {  
      var child = obj.firstChild;  
      while (child) {  
          if (child.nodeType === 8) {  
               r.push(child.nodeValue );  
          }  
        if (child.nodeType === 1) {  
         r.concat( htmlTree(child,r));  
        }  
        child = child.nextSibling;  
      }  
    }  
     
    return r;  
  }  
   
     
onload=function(){alert(htmlTree(document.documentElement.parentNode)[2]);};  
</script>  
</head>  
 
<body>  
<!-- chau -->  
 
</body>  
</html> 
<!-- uf! -->

Anarko · #18 (**permalink**) 10/05/2013, 07:26

Cita:

Iniciado por Panino5001

necesitás capturar al nodo padre del nodo html, que en javascript es document.documentElement.parentNode

Muchas gracias.
Funciona muy bien.

En cuanto a capturar solo el comentatio id="cfinal":

Código:

<!-- <p id="com_final">Aki una info particular...</p>-->

Eso podria hacerse?

Panino5001 · #19 (**permalink**) 10/05/2013, 07:27

Fijate en mi último post

Edit: los comments no tienen atributos, sólo texto (por lo menos yo no pude capturar atributos vía javascript). Lo que podés hacer es buscar dentro del texto de los comments capturados con expresiones regulares. O buscar los comentario por su posición en el DOM. Ahora (por lo que te mostré acerca de document.documentElement) sabés que la función comienza a buscar los comentarios a partir del nodo que le indiques, lo cual te facilitará la tarea.

Anarko · #20 (**permalink**) 10/05/2013, 07:40

Cita:

Iniciado por Panino5001

comentarios a partir del nodo que le indiques

Código:

var child = obj.firstChild; 
      while (child) { 
          if (child.nodeType === 8){...

Cómo le digo que busque lo que halla LUEGO del nodo </html>?

emprear · #21 (**permalink**) 10/05/2013, 08:00

Cita:

Iniciado por Anarko

Tu código pinta bien, solo que CAPTURA ABSOLUTAMENTE TODAS LAS MARCAS HTML... (esa es la idea) ?

Finalmente, requiero capturar X comentario y no todos:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
<html lang='en'>
<head>
<meta http-equiv='Content-type' content='text/html;charset=UTF-8'>
<title>T쳵lo</title>
<script type="text/javascript" src="c_fuente2.js"></script>
</head>
<body>
<!-- comentario id="uno" uuuuuu -->
<p>Información...</p>
<!-- comentario id="dos" dddddddddddd -->
<p>Información...</p>
<!-- comentario id="tres" tttttttttttt -->
<p>Información...</p>
</body>
</html> 
<!-- comentario id="cuatro" chanchan... -->

¿es posible?

mi código captura el contenido del comentario segun la cadena por donde hagas el split, y sin importar en que parte del documento de encuentre el comentario, dentro o fuera del html


si hacés

Código:

var a = source.split('id="uno" ');

captura uuuuuu


si hacés

Código:

var a = source.split('id="dos" ');

captura dddddddddddd

Etc

Saludos

Panino5001 · #22 (**permalink**) 10/05/2013, 08:06

Para capturar el último, sin darle muchas vueltas:

Código PHP:

  <!-- hostias! --> 
<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8" />  
<title></title>  
<!-- hola --> 
<script type="text/javascript">  
function htmlTree(obj,s){  
    var r =s || [];  
    if (obj.hasChildNodes()) {  
      var child = obj.firstChild;  
      while (child) {  
          if (child.nodeType === 8) {  
               r.push(child.nodeValue);  
          }  
        if (child.nodeType === 1) {  
         r.concat( htmlTree(child,r));  
        }  
        child = child.nextSibling;  
      }  
    }  
     
    return r;  
  }  
   
     
onload=function(){var c= htmlTree(document.documentElement.parentNode);alert(c[c.length-1]);};  
</script>  
</head>  
 
<body>  
<!-- chau -->  
 
</body>  
</html> 
<!-- uf! -->

Anarko · #23 (**permalink**) 10/05/2013, 08:20

Cita:

Iniciado por emprear

si hacés

Código:

var a = source.split('id="uno" ');

captura uuuuuu

Cita:

Iniciado por Panino5001

Para capturar el último, sin darle muchas vueltas...

Estimados Webmasters, muy agradecido por sus orientaciónes paso a paso.

El "trucaso" ha sido un éxito !

UN EXITO!!!...