Error en analisis de la web
Autore: CARLOS AMARALHe agregado el siguiente codigo en un objeto html, lo que genera un menu tipo acordeon para mostrar texto que funciona perfectamente.
Que puede ser que esté mal, para que el analisis desde el paso 5 de websitex5 me diga que el objeto html contiene errores y me lo marque con un icono en rojo?
<head>
<meta charset="UTF-8">
<style type="text/css">
*{ font-family: verdana; margin: 0;}
dl{ margin: 15px auto; width: 100%px; }
dt, dd{ padding: 10px; }
dt{ background: #C0C0C0; font-size: 18px; text-align: left; color: white; border-bottom: 1px solid #4E4E4E; border-top: 1px solid #FFFFFF; cursor: pointer; }
dd{ background: #F5F5F5; line-height: 1.6em; text-align: justify;font-size: 16px}
dt.activo, dt:hover{ background: #5C0113; }
dt:before{ content: "▸"; margin-right: 10px; }
dt.activo:before{ content: "▾"; }
</style>
</head>
<body>
<dl>
<dt>titulo 1</dt>
<dd>texto 1.</dd>
<dt>titulo 2</dt>
<dd>texto 2</dd>
</dl>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$('dl dd').not('dt.activo + dd').hide();
$('dl dt').click(function(){
if ($(this).hasClass('activo')) {
$(this).removeClass('activo');
$(this).next().slideUp();
} else {
$('dl dt').removeClass('activo');
$(this).addClass('activo');
$('dl dd').slideUp();
$(this).next().slideDown();
}
});
</script>
</body>
</html>
Hola Carlos, básicamente el objeto HTML solo debe de contener el Body, lo demás debe de ir en su sección, es decir:
Luego de eso no da errores, claro que se ve en ambas formas pero de la que estás haciendo anidas una página web dentro de otra, por eso el error.
Por cierto, Excelente aporte a la comunidad!!!!
Revisa, prueba y comenta.
Saludos
Jorge M.
--------------------------------------------------------------------------------------
Autore
ahhhh... muchisimas gracias por el dato! estaba seguro que el error lo estaba cometiendo yo...
bueno... gracias por el comentario... es un acordeon que esta buena y utiliza muy poco codigo... espero que le sirva a todos los que lo necesiten.
Saludos y nuevamente muchisimas gracias!
Autore
Por si les interesa, ese codigo llama a un codigo javascript de una pagina externa que se ve en la siguiente linea:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
el que quiera puede entrar en esa url, copiar el codigo javascript, pegarlo en un archivo txt y guardarlo por ejemplo como "acordeon.js"
Luego en el modo edicion de un objeto html de websiteX5 se entra en la pestaña Avanzado, y abajo en la seccion "archivos vinculados" agregamos ese archivo a la lista, seleccionando la carpeta donde va a estar guardado en el servidor y marcando la opcion "vincular el archivo"
Con este proceso no dependemos mas de la url externa (por si llegan a sacar el codigo) y nos queda funcionando todo desde nuestro servidor.
Slds!
Hola Carlos yo lo probé y funciona bien gracias!
Ya que revisaste la respuesta, luego le cambio el titulo para que sea fácil de buscar para la comunidad.
Saludos
Jorge M.
Autore
si claro!
Saludos
Carlos
Autore
No se si presionar "correcto" por si despues alguien quiere agregar preguntas.