[Ovillo] Evitar usar style="dislay:..." (CSS/Javascript)

Fri, 18 Feb 2005 19:04:20 -0800 

A ver si te vale este otro


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function ShowHide(id) {
    if(document.getElementById(id).style["display"] != "none"){
        document.getElementById(id).style["display"] = "none";
    } else {
        document.getElementById(id).style["display"] = "";
    }
}
</script>
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<a href="javascript:ShowHide('Cont')" title="capa1">Contenido</a>
<div id="Cont">
    Contenido a ocultar df d fdf df dfdfdfd fdfdf dfdfd fdfd fd
</div><br>
<br>
<a href="javascript:ShowHide('Cont2')" title="capa2">Contenido 2</a>
<div id="Cont2">
    Contenido a ocultar df d fdf df dfdfdfd fdfdf dfdfd fdfd fd
</div>

</body>
</html>


---------- Forwarded message ----------
From: Luciano <[EMAIL PROTECTED]>
Date: Tue, 8 Feb 2005 08:35:01 +0100
Subject: RE: [Ovillo] Evitar usar style="dislay:..."   (CSS/Javascript)
To: "Ovillo, la lista de CSS en castellano" <Ovillo@ovillo.org>


Espero que te sirva esto:

///////////////////////////////////////////////////////////////////
<html>
<head>
<title></title>
<style>

.oculta {
 display:none;
}

.muestra {
 display:block;
}

</style>

<script language="javascript">
function ShowHide(id) {
    if(document.getElementById(id).className != "oculta"){
        document.getElementById(id).className = "oculta";
    } else {
        document.getElementById(id).className = "muestra";
    }
}
</script>
</head>
<body>

<a href="javascript:ShowHide('Cont')">Contenido</a>
<div class="muestra" id="Cont">
    Contenido a ocultar
</div>

</body>
</html>

////////////////////////////////////////////////////////////////////////
////

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Felix Martin
Enviado el: miércoles, 02 de febrero de 2005 21:40
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Evitar usar style="dislay:..." (CSS/Javascript)

Muy buenas a todos,

Tengo una duda sobre CSS/Javascript.

Estoy haciendo pruebas con Javascript para ocultar/mostrar determinadas
partes del html. Y de momento lo hago  de esta manera:

<script language="javascript">
function ShowHide(id) {
    if(document.getElementById(id).style["display"] != "none"){
        document.getElementById(id).style["display"] = "none";
    } else {
        document.getElementById(id).style["display"] = "";
    }
}
</script>

<a href="javascript:ShowHide('Cont')">Contenido</a>
<div id="Cont">
    Contenido a ocultar
</div>

Como podreis suponer, lo que quiero es deshacerme de esos style="...".

¿Se puede cambiar con javascript la clase de un elemento, de manera que
use
algo como:

.hide {
 display:none;
}

Gracias por vuestro tiempo,
Edu

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a