Validacion en W3C de XHTML con js

Citar

Escrito el 22 Jun 2007 07:07 pm

Hola gracias a todos y gracias por vuestro tiempo.

Estoy intentando validar el codigo en el validador de la W3C de una pagina que estoy creando y me da un codigo de error que no se como corregir.

El codigo de mi pagina es este:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
<script language="javascript" src="jscript.php" type="text/javascript"></script>
</head>
<body>

<input name="boton" type="image" src="boton.gif" id="b1" onClick="atrSetting(this)" />

</body>
</html>

y el error que me da el validador es el siguiente

Código :

 
1. Error  Line 14 column 65: there is no attribute "onClick".

...boton" type="image" src="boton.gif" id="b1" onClick="recuperarAtributo(this)" />

Y me dice que estoy usando un atributo que mi tipo de documento no soporta.

¿Se trata de que no he elegido bien el DOCTYPE?
¿como validar los eventos js?
Realmente no me molesta mucho si no valida pero me fastidia no saber porque no lo hace... :crap:

Bueno gracias de nuevo y aceptare cualquier indicacion al respecto de mi problema.

Por ChickenExecutor

351 de clabLevel

2 tutoriales
1 articulo

Envíale un mensaje privado

El pais de la Resistance

Citar

Escrito el 23 Jun 2007 12:04 am

Lo que pasa es que en XHTML los atributos que no tienen que ver con el contenido deben ser eliminados.La forma de que valide es no poner el onclick como atributo del boton, sino poniendole un id al boton y añadirle de forma no intrusiva, con javascript, el evento. Esto debe ser asi por accesibilidad: Si el usaurio no tiene javascript nada pasa, y evitaste causas de error.
Con jquery seria algo como esto:

Código :

(...)
$("#id_boton").click( function(){
   //Do stuff
});
(...)

*Creo* que con js tradicional seria algo como

Código :

(...)
mibtn= document.getElementById("id_boton");
mibtn.onclick= function(){
   //Do stuff
};
(...)

Saludos, y suerte en tus aventuras con javascript no intrusivo.

PD: Reemplaza los (...) por los metodos "DOM listo" de cada metodo.

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino

Envíale un mensaje privado

The dark places where wolves access internet with 46,6 kbps

Citar

Escrito el 23 Jun 2007 01:22 am

ehhh es onclick no onClick, todos los atributos de una etiqueta son en minusculas.

saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino Team Cristalab

Envíale un mensaje privado

Claber de baja indefinida

@maikelsalazar

Citar

Escrito el 23 Jun 2007 04:54 am

El XHTML Transitional si permite atributos de evento DOM, el problema esta, como dice Maikel, es que tanto etiquetas como atributos deben estar en minúsculas...

Por Harold

19 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 23 Jun 2007 06:58 am

Pues si, eran las mayusculas...
Ahora valida.

Gracias a tod@s por vuestra ayuda, tanto las que tenian que ver con las may/min como la aplicar js no intrusivo me ayudan mucho.

Por ChickenExecutor

351 de clabLevel

2 tutoriales
1 articulo

Envíale un mensaje privado

El pais de la Resistance

Validacion en W3C de XHTML con js

Escribe una respuesta rapida