Foros del Web - Ver Mensaje Individual

IsaBelM · #10 (**permalink**) 05/05/2011, 04:57

Cita:

Iniciado por Rankxerox1984

Hola IsabelM

:

Buenos dias. Muchas gracias por contestar

. He seguido el enlace que me indicas en tu mensaje y, en el ejemplo que sale, target pierde el estado "enfocado" de la pestaña si pinchas fuera de él.
Pero volviendo al tema principal, he de confesar mis limitaciones (limitaciones=ignorancia supina

) con javascript ¿Podrías ser algo más explícita en tus amables y útiles indicaciones? ¿Tienes algún ejemplo que me pueda servir?
¿please

? ¿please

?

Muchas gracias por tu infinita paciencia

no lo pierde, el problema seguramente es que estás usando ie y como que te comenté en primer post, no acepta esta pseudo-clase. pruebalo con otro navegador.

a esto me refería

Cita:

<!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" dir="ltr" lang="es">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
#contenedor {background:#FFF;width:200px; height:150px;}
#tabs{position:relative; top:2px; left:5px; width:195px; z-index:1;}
#tabs div{display:inline;}
.ocultar {display:none;}
.mostrar {display:block;}
.sel {background:#FFF; color:#808080; font:bold 11px Verdena; border-width: thin thin 2px thin; border-color: #A9A9A9 #A9A9A9 #FFF #A9A9A9; border-style: solid;}
.nosel {background:#DCDCDC; color:#A9A9A9; font: 11px Verdena; border: solid #A9A9A9; border-width: 1px 1px 1px 1px; cursor:pointer;}
.fecha{background:#FFF; border-width: thin thin thin thin; border-color: #A9A9A9 #A9A9A9 #DCDCDC #A9A9A9; border-style: solid; font:8px Verdena; color:#C0C0C0;}
.texto{background:#FFF;border: solid #A9A9A9; border-width:0px 1px 0px 1px; font:bold 11px Verdena; color:#696969;}
.paginador{background:white; border: solid #A9A9A9; border-width:0px 1px 1px 1px; font:bold 11px Verdena;}
.enunciado{font:11px Verdena;}
</style>
<script type="text/javascript">
var visto_subm = null;
var visto_color = null;
function ver(val) {
objhl = document.getElementById(val);
obj = document.getElementById(val + '_menu');

obj.className = (obj==visto_subm) ? 'ocultar' : 'mostar';
objhl.className = (objhl==visto_color) ? 'nosel' : 'sel';

if ((visto_subm != null) && (visto_color != null)) {
visto_subm.className = 'ocultar';
visto_color.className = 'nosel';
}
visto_subm = (obj==visto_subm) ? null : obj;
visto_color = (obj==visto_color) ? null : objhl;
}

window.onload = function() {ver('p1');};
</script>
</head>
<body>
<div id="contenedor">
<div id="tabs">
<div id="p1" onclick="ver(this.id);" class="nosel">Enero</div>
<div id="p2" onclick="ver(this.id);" class="nosel">Febrero</div>
<div id="p3" onclick="ver(this.id);" class="nosel">Abril</div>
</div>

<div id="p1_menu" class="ocultar">
<div class="fecha">Fecha: 12/01/2009 23:12:00 Actualizada: 12/01/2009 23:12:00</div><div class="texto">Un elefante se banlanceaba</div>
</div>

<div id="p2_menu" class="ocultar">
<div class="fecha">Fecha: 02/02/2009 15:32:17 Actualizada: 27/02/2009 21:09:12</div><div class="texto">Supercalifragilitico</div>
</div>

<div id="p3_menu" class="ocultar">
<div class="fecha">Fecha: 24/04/2010 3:32:54 Actualizada: 24/04/2010 3:52:00</div><div class="texto">Un hombre muerde a un perro</div>
</div>

</div>
</body>
</html>