Hola Caricatos:
Muchas gracias por tu aportación. He ido a tu enlace donde se ven las pestañas y al obtener el código del tipo colores, el código obtenido no es funcional
. Te pongo lo que he sacado mediante copy.
Código HTML:
<html>
<head>
<title>
Sistema de Pestañas generado desde http://www.caricatos.net/sistemaPestanas.
Pestaña del tipo: coloreadas
</title>
<script src='pestas.js' type='text/javascript' charset='ISO-8859-1'></script>
<link rel='stylesheet' type='text/css' href='pestas.css' charset='ISO-8859-1'/>
<script type='text/javascript' charset='ISO-8859-1' >
var pestas = {
on: 'si',
off: 'no',
items: ['pesta0', 'pesta1', 'pesta2']
}
window.onload = function() {inicializaPestañas(pestas, 'pesta0')};
</script >
<style type='text/css' charset='ISO-8859-1' >
#Ppesta0, #pesta0 {background-color: yellow;}
#Ppesta1, #pesta1 {background-color: pink;}
#Ppesta2, #pesta2 {background-color: yellow;}
</style >
</head>
<body>
<div id='pestas' >
<span id='Ppesta0' class='pestaña si' ><a href='#pesta0' id='_pesta0' >item color 1</a></span>
<span id='Ppesta1' class='pestaña no' ><a href='#pesta1' id='_pesta1' >item color 2</a></span>
<span id='Ppesta2' class='pestaña no' ><a href='#pesta2' id='_pesta2' >item color 3</a></span>
<div id='pesta0' class='carpeta' style='display: block'>item color 1</div>
<div id='pesta1' class='carpeta' style='display: block'>item color 2</div>
<div id='pesta2' class='carpeta' style='display: block'>item color 3</div>
</div>
</body>
</html> Con respecto de tu duda sobre mi código, esta lista de enlaces está relacionada con un fichero AJAX para poder actualizar mediante un switch el contenido de un div en el que está puesto el menú que estoy terminando.
Lo que me interesa más es ver como haces en tu ejemplo para cambiar el "foco" y, que mientras esa pestaña está seleccionada aunque pinches fuera (mientras no sea otro enlace o menú) se mantenga pulsada y activa.
Ahora tal como lo tengo, si pincho fuera del form, el contenido del DIV se mantiene en la selección, sin embargo, se pierde el "estado" o "foco" de la pestaña, en otras palabras pierde el aspecto de ficha clásica (anterior a los ordenadores, cuando las fichas existían físicamente).
Si quieres, te puedo pasar TODO el código del sistema para que lo veas y se entienda mejor.
Muchas gracias por la ayuda recibida y muchísimas más por la futura
