Foros del Web » Creando para Internet » HTML »

W3C no me valida este JavaScript

Estas en el tema de W3C no me valida este JavaScript en el foro de HTML en Foros del Web. Buenas tardes para todos Utilizo una galería lightbox pero al verificar me salen estos errores: Cita: # Line 27, Column 71: document type does not ...
  #1 (permalink)  
Antiguo 01/11/2011, 15:29
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Pregunta W3C no me valida este JavaScript

Buenas tardes para todos

Utilizo una galería lightbox pero al verificar me salen estos errores:

Cita:
# Line 27, Column 71: document type does not allow element "div" here

custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',



The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
# Error Line 32, Column 94: document type does not allow element "div" here

…bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsa…



The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
# Error Line 32, Column 199: document type does not allow element "div" here

…1ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsa…



The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
# Error Line 32, Column 283: document type does not allow element "div" here

…="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',



The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
Este es el javaScript que utilizo:

Cita:
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();

$("area[rel^='prettyPhoto']").prettyPhoto({social_tools: false});
$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'li ght_square',slideshow:3000, autoplay_slideshow: false,social_tools: false});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:1 0000, hideflash: true,social_tools: false});

$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
changepicturecallback: function(){ initialize(); }
});

$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
changepicturecallback: function(){ _bsap.exec(); }
});
});
</script>
Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 01/11/2011, 17:14
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

usa cdata
  #3 (permalink)  
Antiguo 01/11/2011, 17:39
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: W3C no me valida este JavaScript

Hola:

Cita:
Iniciado por IsaBelM Ver Mensaje
usa cdata
... o simplemente convierte el código en un comentario...

<script ...

//<!-- ya somos un comentario html y javascript

// aquí lo que sea...

//--> y termina el comentario...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 02/11/2011, 06:27
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola IsaBelM y caricatos.
Gracias por su ayuda. Funciono.

Mucha suerte a ambos
__________________
Diseñador Gráfico publicitario
  #5 (permalink)  
Antiguo 02/11/2011, 06:40
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola Nuevamente
Tengo otra pregunta.

Estoy utilizando esta galería "prettyPhoto", cuando me carga la imagen uno puede agregar comentarios de la imagen, yo los tabulo así:

Cita:
<b>Nombre</b> <br> Material <br> tamaño <br> año
Funciona, pero no es válido por la W3C.

Pregunta: ¿ Cómo hago para poner comentarios y que los pueda poner en lineas distintas?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #6 (permalink)  
Antiguo 02/11/2011, 08:09
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

lee esto
  #7 (permalink)  
Antiguo 02/11/2011, 09:58
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola IsaBelM

Muy completo el documento pero no logro resolver este problema.
Hice esto, pero igual me sigue diciendo que las etiquetas

Cita:
<b>Nombre</b> <br> Material <br> tamaño <br> año
Cambio esto al comienzo:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Yo de que manera puedo poner comentarios en "title=" saltos de línea? que me sean válidos con W3C?

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #8 (permalink)  
Antiguo 02/11/2011, 13:54
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

se trata de cerra las etiquetas simples
Cita:
<b>Nombre</b> <br /> Material <br> tamaño <br /> año
con respecto a tu segunda consulta
Cita:
<img src="img1.png" alt="" title="title con


salto de línea" />
  #9 (permalink)  
Antiguo 02/11/2011, 14:42
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola IsaBelM


Así es válida por la W3C
Cita:
<a href="images/nombre.jpg" rel="prettyPhoto[galeria1]" title="nombre - tamaño - año"></a>
Así no válida por la W3C
Cita:
<a href="images/nombre.jpg" rel="prettyPhoto[galeria1]" title="nombre <br /> tamaño <br /> año"></a>
Cita:

Line 108, Column 98: character "<" is the first character of a delimiter but occurred as data

…jpg" rel="prettyPhoto[galeria1]" title="nombre <br /> tamaño <br /> año">


This message may appear in several cases:

* You tried to include the "<" character in your page: you should escape it as "&lt;"
* You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&amp;", which is always safe.
* Another possibility is that you forgot to close quotes in a previous tag.
Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #10 (permalink)  
Antiguo 02/11/2011, 15:16
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

no lo has entendido. ha de ser así
Cita:
<a href="images/nombre.jpg" rel="prettyPhoto[galeria1]" title="nombre
tamaño
año"></a>
un salto de línea con enter. como haces cuando escribes un post
  #11 (permalink)  
Antiguo 02/11/2011, 15:49
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola IsaBelM
jejeje...haber yo lo hago como tu me dices no me sirve. Lo que yo busco es que se vea así:

Nombre
Tamaño
Año

Osea que cada uno quede en un renglón distinto.

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #12 (permalink)  
Antiguo 02/11/2011, 16:10
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

funciona en chrome, ie y safari. en los demás no.

esa cadena la traes de una bd, una sesión o cookie del lado del servidor?? en tal caso se puede hacer del lado del servidor. usa entidades html ( & # 10 ;). está separada para que no se ejecute. esta misma manera es válida si no es traída de una bd, sesión, ...

Última edición por IsaBelM; 02/11/2011 a las 19:24
  #13 (permalink)  
Antiguo 02/11/2011, 17:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: W3C no me valida este JavaScript

Quizás esto te pueda ayudar, yo tengo una aplicación que trabaja con un clon de lightbox, para que valide correctamente hacelo asi, te dejo un ejemplo, en mi caso, si analizas el código fuente, uso el atributo rev en lograr de title.
Valida para html sctrict, como es una demo y esta un poco olvidada te doy el link a una fecha específica
http://www.emprear.com/calendario-ev...s=12&anio=2010
fijate en los eventos del 29 de diciembre de 2010, concetamente la imagen 2 que tiene saltos de linea en la descripción

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #14 (permalink)  
Antiguo 02/11/2011, 19:17
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola emprear.
Gracias por tu ayuda
Observe tu ejemplo y te funciona, pero yo lo implemente y no se me ve nada de texto dentro de la etiqueta "rev".

Así la utilizo:

Cita:
<a href="images/nombre.jpg" rel="prettyPhoto[galeria1]" rev="cualquier cosa <br /> otra cosa <br />" title="nombre
tamaño
año"></a>
Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #15 (permalink)  
Antiguo 03/11/2011, 00:03
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: W3C no me valida este JavaScript

Si, pero yo uso entidades, y en cuanto al rev, la script que uso originalmente usaba el title, yo jla modifiqué para que use el rev, los textos me vienen de una BD y uso htmlentities() de php para modificarlos, si vos no usas php, buscá algún editor de testo que te haga la conversión (creo que el notepad++ lo hace, el PSpad tambien)
Código HTML:
Ver original
  1. <a href='data-ce/img-ce/image-1.jpg' rel='lightbox-29122010'
  2. rev='Evento 3: &lt;em&gt;Descripci&oacute;n evento 3
  3. salto de linea&lt;br&gt;salto de linea&lt;br&gt;salto de linea' title='Eventos para el 29-12-2010'>
  4. <!-- F -->
  5. </a>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #16 (permalink)  
Antiguo 03/11/2011, 05:33
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola emprear.
Nuevamente gracias por tu ayuda.

Hay varias cosas que no entiendo que son:

1. Qué son las entidades?
2. Yo también le puse "title" cuando utilizo el "rev", pero igual no se ve.
3. Usas "htmlentities() de php para modificar los textos. Yo no uso BD y edito todo con Dreamweaver", que permite php.
4. Como así que busca un editor de texto?. Yo porejemplo pongo tu etiqeta con los saltos de línea pero como te digo no se me ve la etiqueta "rev".

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #17 (permalink)  
Antiguo 03/11/2011, 08:34
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

qué tiene que ver los atributos rev o rel en todo esto??

aunque edité la explicación en mi anterior post, parece que no terminó de quedar clara.

las dos opciones que tienes son
Cita:
<a href="images/nombre.jpg" rel="prettyPhoto[galeria1]" title="nombre
tamaño
año"></a>
o con entidades html
Cita:
<a href="images/nombre.jpg" rel="prettyPhoto[galeria1]" title="nombre& # 10 ;tamaño& # 10 ; año"></a>
esto sólo funcionará en ie, chrome y safari

haz la siguiente prueba. pon el cursor encima de cualquier tema de este foro. hazlo primero con chrome y verás que se ejecutan los saltos de línea. después, con ff, haz lo mismo. verás que no se ejecutan los saltos de líneas

entidades html
  #18 (permalink)  
Antiguo 03/11/2011, 09:10
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: W3C no me valida este JavaScript

Cita:
@IsaBelM
qué tiene que ver los atributos rev o rel en todo esto??
@ceaped está usando un lightbox que pasa info en los atributos rel, rev title.

@ceaped:
Hay caracteres del html que están reservados, un caso tipico es < > que usas para abrir y cerrar etiquetas, si los pones dentro de un atributo, seguirían actuando como tales, y a vos lo que te interesa es que quien interprete tu <br> sea el javascript de la galeria no el propio html. Sin embargo esos caracteres reservados pueden ser transformados a su equivalente en entidades html, para poder mostrar en pantalla el caracter en si mismo.
Las entidades pueden ser un "nombre de entidad" ó una "entidad numérica"
ejemplos


espacio &nbsp;
< &lt;
> &gt;
& &amp;


Si usas Dreamweaver podés hacerlo de la siguiente manera


Abri un archivo en blanco y en la vista diseño escribis

linea uno<br>linea 2<br>linea 3
y vas a ver que en el código aparece
linea uno&lt;br&gt;linea 2&lt;br&gt;linea 3

Entonces copias lo que se generó en el código y lo pegas como valor en el atributo correspondiente en tu html que tiene el PrettyPhoto.

Si te funciona o no es otra cosa, yo no uso esa script y no se muy bien como trabaja, anque supongo que es similar a la mia, por lo pronto ambas toman valores de los atributos.

Como pudíste ver en mi ejemplo, funciona y valida como xhtml

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #19 (permalink)  
Antiguo 03/11/2011, 13:39
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

Cita:
Iniciado por emprear Ver Mensaje
@ceaped está usando un lightbox que pasa info en los atributos rel, rev title.
así que era eso!! pues que lo entienda quien lo críe

Cita:
Iniciado por ceaped Ver Mensaje
Yo de que manera puedo poner comentarios en "title=" saltos de línea? que me sean válidos con W3C?
  #20 (permalink)  
Antiguo 03/11/2011, 14:13
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: W3C no me valida este JavaScript

Cita:
Iniciado por IsaBelM Ver Mensaje
así que era eso!! pues que lo entienda quien lo críe
Si supieses las cosas que he criado diseñando !!!


__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #21 (permalink)  
Antiguo 03/11/2011, 15:05
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: W3C no me valida este JavaScript

Cita:
Iniciado por emprear Ver Mensaje
Si supieses las cosas que he criado diseñando !!!


supongo que no eres español y por tal razón ha habido un problema de interpretación. te traduzco la frase hecha
Cita:
Iniciado por IsaBelM Ver Mensaje
así que era eso!! pues que lo entienda quien lo críe
así que era eso!! pues yo entendí que se refería a los tooltip de title

Cita:
Iniciado por ceaped Ver Mensaje
Yo de que manera puedo poner comentarios en "title=" saltos de línea? que me sean válidos con W3C?
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #22 (permalink)  
Antiguo 03/11/2011, 15:36
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola emprear
Gracias por tu ayuda. Funcionó bien y es válido para la W3C.

También te agradezco IsaBelM, si a veces uno explica mal, pero lo importante del asunto es contar con personas como ustedes siempre dispuesta ayudar.

Por ahora no es más. Gracias

Mucha suerte a ambos.
__________________
Diseñador Gráfico publicitario
  #23 (permalink)  
Antiguo 03/11/2011, 19:35
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola emprear
Mira sucede que utilizando esta galería "prettyPhoto", cuando se carga una imagen que tiene mucho de alto se daña y se ve en la parte inferior un fondo blanco o si tiene mucho texto se bloquea y no me carga diciendome que un script java hace mover lento...que sí dese cancelarlo. Lo mas curioso del asunto es que lo pruebo en otro equipo que tiene una pantalla grande (24 pulgadas) y funciona correctamente.
La imagen con la cual sucede esto, está en la gallery 2 y es la última (un cuadro rojo)

Aca esta el ejemplo: http://www.megaupload.com/?d=GGF8UGHN

Gracias por tu ayuda



Lo curi
__________________
Diseñador Gráfico publicitario
  #24 (permalink)  
Antiguo 03/11/2011, 20:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: W3C no me valida este JavaScript

Mirá, la ejecute ef Firefox y IE9, en 1024x768 y 1440x900, y pasó todas las pruebas, las galerías y las que dice
Wide image (3000 x 1500)
High image (1500 x 3000)
Huge image (3000 x 3000)
que son imágenes de gran tamaño.
La consola de errores de Firexof no reporta ningún error. Debe de ser un problema puntual de la máquina en que te produjo el error, pero eso ya es muy dificil de identificar, tal vez algún plugin o complemento del explorador esté interfiriendo.


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #25 (permalink)  
Antiguo 04/11/2011, 06:24
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: W3C no me valida este JavaScript

Hola emprear
Si es algo extraño, pero bueno eso era lo que necesitaba saber, que fuera un error de mi navegador.

Gracias por tu ayuda y mucha suerte
__________________
Diseñador Gráfico publicitario

Etiquetas: css, flash, javascript, w3c, validar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:44.