error muy extraño

epplestun · #1 (**permalink**) 20/04/2004, 07:44

Una cosita .... tengo este codigo

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<script>
	function x(){
		document.getElementById('capa').style.backgroundColor = "#ffcc00";
	}
	x();
	</script>
</head>

<body>
<div id="capa" style="border: 1px solid #c0c0c0">
capa
</div>
</body>
</html>

Y nose por que demonios el document.getElementById() no funciona

alguien sabe por que?

josemi · #2 (**permalink**) 20/04/2004, 07:51

Hola,

Lo que pasa es que estas llamando a la funcion antes de que exista el div. Si lo cambias a:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<script>
	function x(){
		document.getElementById('capa').style.backgroundColor = "#ffcc00";
	}
	</script>
</head>

<body>
<div id="capa" style="border: 1px solid #c0c0c0">
capa
</div>
<script>
	x();
</script>
</body>
</html>

deberia funcionar. Es como cuando quieres poner el focus por defecto a un control de un formulario al cargar la pagina.

Saludos.

PD: Tambien podrias ponerla en el onload, supongo.

tunait · #3 (**permalink**) 20/04/2004, 07:54

Eso

tal vez te sea práctico el ponerlo así

Código:

<script>
	function x(){
document.getElementById('capa').style.backgroundColor = "#ffcc00";
	}

window.onload = x
</script>

PatomaS · #4 (**permalink**) 20/04/2004, 10:17

Hola

Efectivamente la cosa va por donde te lo mencionan, el problema es que tienes una función que hace algo, pero nunca es llamada a hacerlo.

Tienes que activar la función de alguna manera, ya sea con un onload, con un botón o con un vínculo.

Si quieres que se cambie de forma automática, es decir al entrar en el documento, lo más normal es usar esto:

<body onload:javascript:"x()";>

si la quieres activar desde un vínculo o un boón, esta es la manera más común:

<a href="javascript:x()">texto</a>

Tambien es una buena práctica, que indiques de que tipo de lenguaje es el escript de esta manera por ejemplo:

<script type="text/javascript">

Suerte

Felicidad

epplestun · #5 (**permalink**) 21/04/2004, 00:12

jeje gracias jeje pero bueno ... el caso es que el archivo iva a ser un .js con codigo js integramente, por lo cual estaba probando mal, pero la solucion es generar la capa tambien con javascript

.

En cuando al text/javascritp jeje pos tambien hay que añadir el language como:

Código:

<script language="JavaScript" type="text/javascript"></script>

Jeje pero cuando se trabaja haciendo pruebas me ahorro el tener que escribirlo

De todas formas muchas gracias a todos

PatomaS · #6 (**permalink**) 21/04/2004, 10:52

Hola

Bueno, ciertamente con las pruebas uno se suele ahorrar todo el tiempo posible, tienes razón.

Aunque hablando de tiempo, hace tiempo ya que yo no me ahorro tiempo con las pruebas debido a que suelo perder tiempo por eso.

Te cuento.

Es muy normal hacer una página "simple" para las pruebas, con solo los elemtnos involucrados y poco más, pero lo cierto es que en muchas ocasiones, las pruebas no salen como esperamos y nos rompemos la cabeza en detalles que muchas veces se solucionan colocando la DTD del documento, o unas comillas, o por ejemplo, eliminando el language de la etiqueta script, pero dejando el typo.

Claro que podemos estar hablando solo de mi caso, pero por ejemplo yo trato de que mis páginas sean siempre válidas según los estandares del w3c, pues bien ,según ellos, el language no se debe poner (está deprecated) desde el html 4.01. Claro está que si uno no está preocpuado por lo standard que sea la página, pues entonces da igual.

http://www.w3.org/TR/html401/interact/scripts.html

Bueno, no les aburro más con esto...

;)

Felicidad