Hola
klareNs ,
kemie :
Me parece que
Caricatos puso uno hace poco, seguro también hay un ejemplo en su sitio.
Yo tenía uno muy ingenuo, pero usa JS. No sé si hay manera de salvarse del escript; en el enlace de
silverorange hay uno que no entiendo bien cómo funciona, pero parece no usarlo.
Igual dejo el mío porque le da una vuelta de tuerca con FIELDSET .
Código:
<html>
<head> <title> FIELDSET CON PESTAÑAS.</title>
<script>
var pestanas;
var textoR=".<p>ROJO<p>.<p>.";
var textoV=".<p>VERDE<p>.<p>.";
var textoA=".<p>AZUL<p>.<p>.";
var textoF=".<p>FUCHSIA<p>.<p>.";
function cambia(P,C,T){
pestanas=document.getElementsByTagName("strong").length;
for(p=0;p<pestanas;p++){
document.getElementsByTagName("strong")[p].className="cGris";};
P.className=C;
document.getElementById("contenido").className=C;
document.getElementById("contenido").innerHTML=T;
}
</script>
<style>
body{overflow:hidden}
legend{cursor:hand}
legend{cursor:pointer}
fieldset{width:100%; height:90%; text-align:center; back-ground:#cccccc; overflow:hidden; border:0}
#contenido{font:bold 30pt sans-serif; height:100%}
.cRojo{color:red; background:#ffcccc}
.cVerde{color:green; background:#ccffcc}
.cAzul{color:blue; background:#ccccff}
.cFuchsia{color:fuchsia; background:#ffccff}
.cGris{color:gray; background:#cccccc}
</style>
</head>
<body>
<h2>Cambia contenido de <tt>fieldset</tt> con "pestañas".</h2>
<fieldset><legend align=right>
<strong class="cRojo" onclick="cambia(this,'cRojo',textoR)">Rojo</strong>
<strong class="cVerde" onclick="cambia(this,'cVerde',textoV)">Verde</strong>
<strong class="cAzul" onclick="cambia(this,'cAzul',textoA)">Azul</strong>
<strong class="cFuchsia" onclick="cambia(this,'cfuchsia',textoF)">Fuchsia</strong>
</legend>
<div id="contenido" class="cRojo">
.<p>ROJO<p>.<p>.</div>
</fieldset>
</body>
</html>
saludos
furoya
