problema al validar w3c html

crisargi · #1 (**permalink**) 01/05/2009, 04:57

hola, tengo un problemilla que me trae loco. para validar html me da el suguiente error:

Line 61, Column 133: end tag for element "MARQUEE" which is not open

…ight+'">'+marqueecontents+'</marquee>')

lo he intentado todo, peroooo no se como solucionarlo.
gracias

dART · #2 (**permalink**) 01/05/2009, 05:44

Hola,

Creo recordar que las marquesinas no cumplen los standares. Yo tuve que usar una para un cliente y tuve que hacerla con ajax, para que validase.

Saludos!
;)

crisargi · #3 (**permalink**) 01/05/2009, 06:21

lo primero, gracias por tu respuesta. la marquesina esta hecha en java, lo intentare con ajax, no lo he hecho nunca, pero siempre se esta a tiempo de aprender
gracias por todo

dART · #4 (**permalink**) 01/05/2009, 06:48

Hola,

De todas formas, postea algo más de código para que podamos ver si realmente falla la marquesina (que no cumple estándares) o porque tienes alguna etiqueta mal cerrada.

crisargi · #5 (**permalink**) 01/05/2009, 07:09

podria ser eso, te paso el codigo completo, por si tengo algo mal. gracias

document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheig ht+'">'+marqueecontents+'</marquee>')

estoy pensando en intentarlo con flash, si esto no resulta

tunait · #6 (**permalink**) 01/05/2009, 07:26

¿Ya estás colocando tu código javascript entre tags de comentario?

Código:

<script type="text/javascript">
<!--

tu código

//-->
</script>

crisargi · #7 (**permalink**) 01/05/2009, 07:42

si, te paso todo

<script language="JavaScript1.2" type="text/JavaScript1.2">
var marqueewidth=135
var marqueeheight=30
var speed=2
var marqueecontents='<font face="arial" color="#CC6600" size="1">SELECCIONE IDIOMAnbsp;      SELECT LANGUAGE'
if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheig ht+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()

etc..tec.........

tunait · #8 (**permalink**) 01/05/2009, 07:52

Debes colocar lo que te marqué en rojo

prueba y nos cuentas

crisargi · #9 (**permalink**) 01/05/2009, 08:24

continua dando el mismo error. la funcion marquee, sigue diciendo esto:

end tag for element "MARQUEE" which is not open.

tunait · #10 (**permalink**) 01/05/2009, 08:27

Entonces prueba a dividir la cadena donde está el cierre del tag para que no lo interprete como un tag html

prueba a poner esta línea así

Código:

document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheig ht+'">'+marqueecontents+'</m' + 'arquee>')

crisargi · #11 (**permalink**) 01/05/2009, 08:40

me da error y el siguiente detalle:

Line 62, Column 127: delimiter "'" invalid: only S separators and TAGC allowed here
…queeheight+'">'+marqueecontents+'</m' + 'arquee>')
Line 62, Column 127: end tag for element "M" which is not open
…queeheight+'">'+marqueecontents+'</m' + 'arquee>')

tunait · #12 (**permalink**) 01/05/2009, 09:43

Qué odioso metiche

lo mejor entonces será que lo pongas en un documento aparte y lo incluyas con js

crea un documento vacío nuevo (vacío del todo, en blanco) y mete el código de la marquesina pero sin los tags de script

osea esto <script language="JavaScript1.2" type="text/JavaScript1.2"> y esto </script> no lo pongas.

Llámalo, por ejemplo, marquesina.js

y luego donde quieras que salga la marquesina (donde tienes ahora el código javascript) pones <script type="text/javascript" src="marquesina.js"></script>

dART · #13 (**permalink**) 01/05/2009, 12:06

Hola,

Concatenas mal alguna cadena. Yo lo he probado y me funciona. Solo que lo he probado así:

Código marquesina.js:

Ver original<script type="text/javascript" language="javascript">
document.write('<marquee scrollAmount="12" width="500" height"200">contenido de la marquesina</marquee>');
</script>

El único error que me da es que no valida porque no cumple los estándares, como te comentabamos al principio.

dART · #14 (**permalink**) 01/05/2009, 12:21

Hola,

Te paso el código que yo uso para las marquesinas en AJAX:

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript" language="javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" language="javascript" src="js/marquesina.js"></script>
<link rel="stylesheet" type="text/css" href="css/marquesina.css" />
</head>
<body>
<div id="marquesina">
    <div class="headline">
        contenido1 de la marquesina </div>
    <div class="headline">
        contenido2 de la marquesina </div>
    <div class="headline">
        contenido3 de la marquesina </div>
</div>
</body>
</html>

Código js/marquesina.js:

Ver originalvar headline_count;
    var headline_interval;
    var old_headline = 0;
    var current_headline = 0;
     
    $(document).ready(function(){
        headline_count = $("div.headline").size();
        $("div.headline:eq("+current_headline+")").css('top','5px');
        headline_interval = setInterval(headline_rotate, 3000); // tiempo en milisegundos
        $('#marquesina').hover(function() {
            clearInterval(headline_interval);
        }, function() {
            headline_interval = setInterval(headline_rotate, 3000); // tiempo en milisegundos
            headline_rotate();
        });
    });
    
    function headline_rotate() {
        current_headline = (old_headline + 1) % headline_count; 
        $("div.headline:eq(" + old_headline + ")").animate({top: -80},"slow", function() {
            $(this).css('top','80px');
        });
        $("div.headline:eq(" + current_headline + ")").show().animate({top: 5},"slow");  
        old_headline = current_headline;
    }

Código css/marquesina.css:

Ver original#marquesina{
        position: relative;
        overflow: hidden;
        height: 50px;
        width: 220px;
        color:#77A055;
    }
     
    .headline{
        position:absolute;
        top: 200px;
        height:45px;
        _left: 0px;
        width:220px;
        _width: 99%;
        text-align:justify;
        cursor:pointer;
    }
    
    .headline:hover{
        color:#A25360;
    }

Y por último, como puedes ver en el .html, incluyo el jquery versión 1.2.6 que puedes descargarlo desde el sitio oficial jquery.com

Saludos, espero que sirva ;)