Validación XHMTL de fragmento con JavaScript 2

JUMASOL · #1 (**permalink**) 28/07/2011, 05:37

Un fragmento de JavaScript que debe ir dentro del body aparece como no validable:

Concretamente:

if (this.displayedPage < lastPage)

Que arroja este error:

Line 117, Column 30:

character "<" is the first character of a delimiter but occurred as data

if (this.displayedPage < lastPage)

This message may appear in several cases:

•You tried to include the "<" character in your page: you should escape it as "<"
•You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
•Another possibility is that you forgot to close quotes in a previous tag.

Tal vez no se pueda validar, ya que no es xhtml.

Si se puede, agradecería una opinión al respecto.

Gracias.

Tecna · #2 (**permalink**) 28/07/2011, 07:54

Buenas,

ya te respondió emprear aquí .

Por cierto el nombre de la clase .noscript no parece muy acertado porque creo que lo que quieres hacer es justo lo contrario aplicar esa clase cuando si que hay javascript.

JUMASOL · #3 (**permalink**) 29/07/2011, 02:16

Este es otro tema, no como el anterior en que me contesto emprear.

Se trata de validar

if (this.displayedPage < lastPage)

Que viene en otra parte del código.

Creo que se trata de que el validador no ve o no interpreta el signo "<" como parte de javascript, sino con un signo cualquiera.

Lo que quiero saber es si se puede validar o no estándo en el body.

Un saludo.

Gracias.

zerokilled · #4 (**permalink**) 31/07/2011, 00:10

buenas,
fijate que el validador no considera ni interpreta código javascript. por lo tanto, al leer dicha linea, el signo que reporta error no lo lee como un operador "menor que". entre algunas cosas, parte de lo que comprende el validador es que los simbolos &, <, >, ' son especiales en el lenguaje html. por tanto, cuando el validador llega a esa linea lo que entiende es que se esta intentando declarar un elemento html. pero como encuentra que la sintaxis no es correcta, entonces reporta error. la solución es muy simple: separar el script del documento en un archivo *.js, o comentar el script [el código dentro de las etiquetas <script>] con una etiqueta comment html. creo que también funciona reemplazando el signo por su equivalente entidad html (no estoy seguro).

emprear · #5 (**permalink**) 31/07/2011, 07:52

JUMASOL:
Lo de @zerokilled está bastante claro, pero me explayo con un ejemplo para que lo visualices mejor.
No se trata de si la script está dentor o fuera del body,
en este caso en particular, el signo < está permitido y debe ir como tal, ya que esta funcionando como comparador y no tiene salida en html

ejemplo

tienes esto, que está mal

Código HTML:

Ver original<!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">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var displayedPage = 1;
var lastPage = 1;
if (displayedPage < lastPage){
alert('xxx');
}
//]]>
</script>
</head>
<body>
<p><script type="text/javascript">
//<![CDATA[
var displayedPage = 1;
var lastPage = 1;
if (displayedPage < lastPage){
var z = 1;
}
document.write("<a href='xxx.php?id=01&tema=detalles' title='detalles & sugerencias'><b>Detalles</b></a>");
//]]>
</script></p>
</body>
</html>

Ahora, para una validación correcta y para un javascript correcto (ya que en la segunda script que si saca algo por pantalla, tendrias una advertencia) sería

Código HTML:

Ver original<!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">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var displayedPage = 1;
var lastPage = 1;
if (displayedPage < lastPage){
alert('xxx');
}
//]]>
</script>
</head>
<body>
<p><script type="text/javascript">
//<![CDATA[
var displayedPage = 1;
var lastPage = 1;
if (displayedPage < lastPage){
var z = 1;
}
document.write("<a href='xxx.php?id=01&tema=detalles' title='detalles & sugerencias'><b>Detalles<\/b><\/a>");
//]]>
</script></p>
</body>
</html>

es decir usas CDATA (evitando que se procese por parte del validador ese bloque) para prevenir errores de validación xhtml y comentas cualquier caracter especial (es el caso de("/") de Js si este tiene que ser mostrado en el html generado, para evitar errores propios de javascript.

Fijate el detalle de que inclui el caracter & en la segunda script, habitualmente el validador exige que lo expreses como &, sin embargo en este caso no te lo considerará un error porque directamente no lo procesa por estar en un CDATA.

Como ves son 2 cosas distintas las que tenemos en cuenta

Saludos

zerokilled · #6 (**permalink**) 31/07/2011, 09:29

esto es raro, ¿es xhtml o no lo es?

Cita:

Iniciado por JUMASOL

Tal vez no se pueda validar, ya que no es xhtml.

porque si es xhtml, entonces con el CDATA debería ser otra opción. no obstante, en html no existe el CDATA.

emprear · #7 (**permalink**) 31/07/2011, 11:09

Como dice @zerokilled, no no existe, sólo tuve en cuenta el título del post

Validación XHMTL de fragmento con JavaScript