Nodos DOM

wigglyUtrera · #1 (**permalink**) 01/01/2007, 20:05

Hola, tengo el siguiente código:

Código HTML:

...
<script language="JavaScript" type="text/javascript">
<!--
function inicio(){
	var descrip = document.getElementById("descripcion");
	var nodo = document.createElement("marquee");
	var texto = document.createTextNode("Texto");
	nodo.setAttribute("width",400);
	nodo.setAttribute("behavior","slide");
	nodo.setAttribute("loop",1);
	nodo.setAttribute("id","nodo");
	nodo.appendChild(texto);
				 
             descrip.replaceChild(nodo,descrip.firstChild);
}
//-->
</script>

</head>
<body onload="inicio()">
<div id="descripcion">
		 <label class="classDescrip" id="label_descrip"></label>
</div>
</body>
...

Supuestamente, quita el <label> y lo cambia por una marquesina.
El problema es que funciona perfectamente en IE pero no funciona en Firefox.
¿Hay algo mal o es que Firefox no reconoce eso?

Gracias

caricatos · #2 (**permalink**) 02/01/2007, 00:14

Hola wigglyUtrera, nienvenido a los foros

:

El código que pones seguro que firefox lo implementa correctamente, reemplazando la etiqueya label por marquee, lo que no reconoce es la etiqueta.

marquee no es estandar, lo mismo pasaría si crearas un tag blink (pero al revés)...

Bueno, en resúmen, la etiqueta marquee solo funciona en explorer (tal vez algún navegador más...)

Hay páginas donde se desarrollan marquesinas que se ven en todos los navegadores correctamente, por ejemplo en la página de tunait: avascript códigos (mira en "varios")

Saludos

wigglyUtrera · #3 (**permalink**) 02/01/2007, 08:46

Hola de nuevo, tengo otra dudilla:

Código:

function entrar(){
var divLogin = document.getElementById("prueba");
var nodo = document.createElement("div");
nodo.id="login_entra";
var divError = document.getElementById("error");
var div = document.getElementById("login");
var nodoLabel = document.createElement("label");
var aux = document.login.usuario.value;
var texto = document.createTextNode(aux);
if(document.login.usuario.value == ""){
	   aux = "Debes ingresar un nombre";
                texto = document.createTextNode(aux);
                nodoLabel.appendChild(texto);
}
else
                nodo.appendChild(texto);
								 
if(document.login.usuario.value == "")
                divError.innerHTML = "Debes ingresar un nombre";
else
                divLogin.replaceChild(nodo,document.getElementById("login")); 
}

ya se que se podría haber escrito mejor, pero era una prueba.

Bueno, el caso es que si el campo de un formulario NO es vacio remplaza un DIV por otro. ESO FUNCIONA BIEN

Pero si es vacío, debe escribir un texto. El problema es que el texto se ve pero desaparece rapido.

Alguna idea?????

Aqui esta el codigo HTML del DIV y el formulario

Código HTML:

<div id="prueba">

<div id="login">
         <div id="id_error">
		 <label id="error"></label>
         </div>
         <form name="login" method="POST">
 	<div id="id_nombre">
	 <label id="label_usuario">Usuario: </label>
	 <input id="input_usuario" type="text" name="usuario" onFocus="foco(this);" onBlur="perderFoco(this);"/>
									</div>

	<div id="id_password">
	 <label id="label_password">Contrase&ntilde;a: </label>
	 <input id="input_password" type="password" name="password" onFocus="foco(this);" onBlur="perderFoco(this);"/> </div>
									<button type="submit" onclick="entrar()">OK</button>
            </form>
									
									<label id="olvido">¿Olvid&oacute; su contrase&ntilde;a?</label> <br/>
									<label id="registrate">¡Reg&iacute;strate!</label>
</div>
</div>

Gracias

ebe · #4 (**permalink**) 02/01/2007, 11:26

Tu funcion esta correcta hasta lo que veo que estas practicando, el problema por le cual tu mensaje de alerta nunca queda visible es porque la funcion la estas poniendo dentro de un

Código HTML:

<button type="submit" onclick="entrar()">OK</button>

lo cual deberias de incluirlo dentro de un

Código HTML:

<input type="button" onclick="entrar()" value="OK">

para que tu pagina no sea refrescada (o la informacion enviada) y por consiguiente tu pagina refrescada.

un saludo.