Error en validacion w3c (codigo html en var js)

manumar · #1 (**permalink**) 25/03/2010, 13:33

holaa, bueno pues eso ^^ que en un script js tengo una variable con un cacho de codigo html, para luego asignnar esa variable al innerhtml de lo q sea..pero el caso es que en el validator este xD me dice que el elemento a, que es de lo que consta el codigo html q metí en la variable..pues que no puede ir ahí...

como se puede solucionar esto??
muchas gracias :D

morior · #2 (**permalink**) 26/03/2010, 03:03

No he entendido nada, pon el código y pon el error que te está tirando el validador.

manumar · #3 (**permalink**) 26/03/2010, 04:21

Ok, gracias por responder.
Aqui va ^^

Line 19, Column 37: document type does not allow element "a" here

TXTentrar['ES']="<a href='esp.html'>Entrar</a>";

Y así con los 2 restantes...

✉

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).

Código Javascript:

Ver originalfunction terminos(x)
    {
    var TXTentrar=new Array();
    TXTentrar['ES']="<a href='esp.html'>Entrar</a>";
    TXTentrar['EN']="<a href='eng.html'>Enter</a>";
    TXTentrar['FR']="<a href='fren.html'>Entrer</a>";

#4 (**permalink**) 26/03/2010, 23:15

seria mejor si pones el enlace de tu pagina y el enlace de el validador

manumar · #5 (**permalink**) 27/03/2010, 08:22

...pues bueno ^^ aki os dejo casi todo el codigo...

Código HTML:

Ver original<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex, nofollow"/>
<link href="<? echo $URLE;?>index.css" rel="stylesheet" type="text/css" />
<title>xD</title>
<script type="text/javascript" src="js/mootools-1.2.4-core-yc.js"></script>
<script type="text/javascript">
window.addEvent('domready', 
 function() 
    {
    $$('.bandera').fade('0.2');
    }
);
function terminos(x)
    {
    var TXTentrar=new Array();
    TXTentrar['ES']="<a href='esp.html'>Entrar</a>";
    TXTentrar['EN']="<a href='eng.html'>Enter</a>";
    TXTentrar['FR']="<a href='fren.html'>Entrer</a>";
    TXTentrar['DE']="<a href='de.html'>Hereingehen</a>";
    if(typeof(terminosID)!="undefined")
        {
        var terminos=document.getElementById('term'+terminosID);
        terminos.style.display="none";
        }
    var terminos=document.getElementById('term'+x);
    terminos.style.display="block";
    terminosID=x;
    Entrarb=document.getElementById('entrar');
    Entrarb.innerHTML=TXTentrar[x];
    Entrarb.style.display="block";
    }
function mb()
    {
    document.getElementById('banderolas').style.display="block";
    }
setTimeout("mb()",700);
</script>
<script type="text/javascript" src="terms.esp.js"></script>
</head>
<body>
<div id="titulo"></div>
<? echo '
<div id="banderolas"><img alt="Espa&ntilde;ol" src="'.$URLE.'base/espanol.jpg" onmouseover="this.fade(\'in\');" onmouseout="fade(\'0.3\');" onclick="terminos(\'ES\');" class="bandera"/><img alt="Ingles" src="'.$URLE.'base/ingles.jpg" onmouseover="this.fade(\'in\');" onmouseout="fade(\'0.3\');"  onclick="terminos(\'EN\');" class="bandera"/><img alt="Frances" src="'.$URLE.'base/frances.jpg" onmouseover="this.fade(\'in\');" onmouseout="fade(\'0.3\');"  onclick="terminos(\'FR\');" class="bandera"/><img alt="Aleman" src="'.$URLE.'base/aleman.jpg" onmouseover="this.fade(\'in\');" onmouseout="fade(\'0.3\');"  onclick="terminos(\'DE\');" class="bandera"/></div>
 
<div></div>
<div id="termES">';
include('terms.esp.php');
echo '</div>
<div id="termEN">';
include('terms.en.php');
echo '</div>
<div id="termFR">';
include('terms.fr.php');
echo '</div>
<div id="termDE">';
include('terms.de.php');
echo '</div>
<div id="entrar"></div>
</body>
</html>';
die();
?>

no esta entero pero vaya q lo q hay por arriba es mas php sin echos..^^
Ya que estamos...el codigo este está un poco cutre xq lo de los terminos queria incluirlos dinamicamente..pero sin ajax, simplemente como un include con javasciprt, peeeero nose como podia hacer para meter todo el html de cada include en una variable js..siempre me daba errores...por los saltos de lineas y eso..S:

#6 (**permalink**) 27/03/2010, 15:57

pues, insisto, debes poner el link

pero pues viendo bien el codigo, es por que usas xhtml

y ahi son comillas dobles ( "" )

y no simples (' ')

en las a busca ese error

manumar · #7 (**permalink**) 28/03/2010, 06:27

gracias x responder danneg =) pero o no lo hago bien o no funciona así xD ^^
He probado en otra pagina con xhtml strict y me pasa lo mismo...y tb he estao poniendo comillas simples dobles triples xD yo q se..hice de to pero nada...
Podrá ser que no deja poner html en codigo js?? O_o

#8 (**permalink**) 29/03/2010, 18:19

puedes probar con jquery

Código Javascript:

Ver originalTXTentrar['ES']=$('<a href="#"></a>');

Jeibi · #9 (**permalink**) 30/03/2010, 10:51

Si usas XHTML, cuando pones javascript tienes que tener el siguiente código:

Código:

<script type="text/javascript">
//<![CDATA[        <-- al empezar

//aqui va todo el codigo

//]]>       <--- antes de cerrar la etiqueta
</script>

No se si te quedo claro, espero que te ayude.

saludos.

#10 (**permalink**) 30/03/2010, 13:58

ummm, cierto, lo he visto en algunos sitios

yo no utilizo xhtml, html lo utilizo, me viene mejor