Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
ARTICULO: Mostrar capas y ocultar capas con IE 4,5 NS 4

 Se muestran 3 comentarios sin revisar

Carlos Ramos  25/1/06 
¿Cómo hago un navegador con capas cuando el ancla es un rollover?

palomeke  07/3/06 
Hola!. Es el mismo scrip, pero los "cajones" de informacion vienen en color y de posicion. Lo hice porque a mi, con vuestro ejemplo, se me posiciona la informacion una debajo de la otra y no queda bien.

Y con respecto a vuestra entrega y labor en la materia, sencillamente...

MUCHAS GRACIAS DE CORAZON POR ESTAR Y ENSEÑARNOS!!!!

Desde badajoz un fuerte abrazo...

Ahi os va

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>

<html>
<head>
<title>Navegador con capas</title>

<script language="javascript">
var capa

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
if (ns4) {
capa1 = document.descripcion1
capa2 = document.descripcion2
capa3 = document.descripcion3
}
if (ie4) {
capa1 = descripcion1.style
capa2 = descripcion2.style
capa3 = descripcion3.style
}
}

function muestra(obj) {
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}

function oculta(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}

</script>
</head>
<body onLoad="init()" link="#333399" vlink="#333399">

<!-- CAPA CON LOS DISTINTOS ENLACES -->
<div align="" id="enlaces" style="font-size: 10pt; font-family: arial,verdana,helvetica; font-weight: bold; color: #333399; position: absolute; height: 58; width: 100; background-color: #ffffcc; text-align: right;top: 10px;left: 10px">
<a href="#" OnMouseOver="muestra(capa1)" OnMouseOut= "oculta(capa1)">Mis Amigos</a>
<br>
<a href="#" OnMouseOver="muestra(capa2)" OnMouseOut= "oculta(capa2)">Mi pueblo</a>
<br>
<a href="#" OnMouseOver="muestra(capa3)" OnMouseOut= "oculta(capa3)">Enlaces</a></div>

<!-- CAPAS CON LAS EXPLICACIONES -->
<div id="descripcion1" style= "position:Absolute; left:136px; top:123px; background-color:#000000; width:250px; height:58px; font-size: 8pt; font-family: arial,verdana,helvetica; color: #99FF99; padding:5px; visibility: hidden;">Los amigos reunidos jam&aacute;s ser&aacute;n vencidos<br>
Con todo el texto que desees</div>
<div id="descripcion2" style= "position:Absolute;left:416px; top:120px; background-color:#99FF99; visibility:hidden;width:250px;height:58px;font-size: 8pt; font-family: arial,verdana,helvetica; color: #333399;padding:5px">El pueblo m&aacute;s tur&iacute;stico de todo el polo norte, a 20.000 kil&oacute;metros de la gasolinera m&aacute;s cercana</div>
<div id="descripcion3" style= "position:Absolute;left:429px; top:51px; background-color:#993366; visibility:hidden;width:250px;height:58px;font-size: 8pt; font-family: arial,verdana,helvetica; color: #FFFF99;padding:5px">Todos los enlaces que necesitas para entrar en Internet con las m&aacute;ximas garant&iacute;as de &eacute;xito.</div>
</body>
</html>



</body>
</html>

Boludo  11/7/06 
ASqu{i va una versión modificada de la anterior que si funciona:

<html>
<head>
<script language="javascript">
function muestra() {
menu.style.visibility = "visible"
}
function oculta() {
menu.style.visibility = "hidden"
}

</script>
</head>
<body>

<input type=button value=ocultar onclick="oculta()">
<input type=button value=mostrar onclick="muestra()">


<div id="menu" style= "position:Absolute;left:50; top:60; background-color:#ff1133; visibility:visible">
Hola
</div>

</body>
</html>

Ver el articulo / faq completo Ver el articulo y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba

Comentarios no revisados de:

+ Mostrar capas y ocultar capas con IE 4,5 NS 4
DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia