El DOM me trae loco

[donfalcone]

Hola a tod@s!

Hace unos momentos, gracias a la ayuda del foro, he resuelto un problema con la validación de un formulario.

Y ya se sabe se cierra una puerta y se abre otra (var puerta = problema)

Y al intentar ejecutar esta función al no cumplir uno de los requisitos para el login:

Código PHP:

  function reafirma(){
var r = document.createElement("p");
var text = document.createTextNode("Email no válido");
r.appendChild(text);
var ant = document.body.getElementsByTagName("p")[0];
document.body.insertBefore(r,ant);
} 
   

no me funciona,....
en cambio, utilizando este código:

Código PHP:

  function reafirma(){
var r = document.createElement("p");
var text = document.createTextNode("Email no válido");
r.appendChild(text);
var ant = document.body.getElementsByTagName("img")[0];
document.body.insertBefore(r,ant);
} 
   

funciona, es decir se escribe el mensaje que deseo, pero no en el sitio que yo deseo.

El código del form es el siguiente:

Código PHP:

  <form id="cont" action="login.php" method="post" onsubmit="return v(this)">
        <p>E-mail: <input id="col" type="text" name="email" value="" /></p>
  
        <p>Password: <input id="col1" type="password" name="password" value="" /></p>
 
        <input class="boton" type="submit" value="Login" /> 
   

Lo intenté también poniendole Id a los párrafos, pero tampoco funciona,...

?Alguién sabe dónde está el truco?

[caricatos]

Hola:

Lo de los nodos no es muy complicado, pero xí es estricto... en el primer caso, tal vez no tengas ningún párrafo dependiente del body, y sí alguna imagen... lo de los id's es lo más recomendable, pero si tienes un elemento, y lo quieres poner antes, puedes asegurarte con su padre...

var ant = document.body.getElementsByTagName("p")[0];
ant.parentNode.insertBefore(r,ant);

Si quieres que sea el primer elemento en el formulario, sería (con form name="cont"):

f = document.forms.cont;
f.insertBefore(r, f.firstChild);

En los foros hemos dado respuestas a muchas dudas sobre el DOM, si buscas seguro que encontrarás muchas respuestas válidas... y por cierto, me alegro que hayas solucionado tu otro problema.

Saludos

[donfalcone]

Yo también me alegré tremendamente de ver que funcionaba, estoy en esto completamente por hobby desde hace 3 meses y es increíble.

Probaré lo que me comentasté de DOM.

Muchas gracias.

Saludos!

[Teq]

Hola donfalcone este es mi tercer mensaje en el foro pero hace diez años que soy programador.

Si no querés complicarte con el DOM te sugiero que utilices JQuery en jquery.com.
También está Prototype en prototypejs.org.

Una de las cosas más simples y básicas es que podés reemplazar

Código:

document.getElementById('ElementoDOM')

por

Código:

$('#ElementoDOM')[0]

para llegar al DOM pero si utilizás $('#ElementoDOM') podés insertar en donde se te ocurra con los metodos JQuery.

Saludos

[caricatos]

Iniciado por Teq

Hola donfalcone este es mi tercer mensaje en el foro pero hace diez años que soy programador.

Si no querés complicarte con el DOM te sugiero que utilices JQuery en jquery.com.
También está Prototype en prototypejs.org.

Una de las cosas más simples y básicas es que podés reemplazar

Código:

document.getElementById('ElementoDOM')

por

Código:

$('#ElementoDOM')[0]

para llegar al DOM pero si utilizás $('#ElementoDOM') podés insertar en donde se te ocurra con los metodos JQuery.

Saludos

Hola Teq:

Bienvenido a los foros :

Hemos charlado algo sobre las librerías: Que libreria JS utilizas?

Y creo que el DOM no es tan complicado como para pasarlo por alto... y depender de una librería, que nadie sabe lo efímera que vaya a ser, creo que no es muy aconsejable.

Además, recorrer el documento con el DOM no es tan difícil.

Saludos