RE: [Ovillo] Evitar usar style=dislay:... (CSS/Javascript)
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
Re: [Ovillo] Evitar usar style=dislay:... (CSS/Javascript) BIS
Me respondo,
Bueno, pues he preguntado demasiado rapido. Habia hecho pruebas con la
propiedad className y no me habia funcionado.
Pero lo debia estar haciendo mal.
id.className = hide;
Un saludo, Edu.
- Original Message -
From: Eduardo Martinez Cobos- Mobatek [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano Ovillo@ovillo.org
Sent: Wednesday, February 02, 2005 9:44 PM
Subject: [Ovillo] Evitar usar style=dislay:... (CSS/Javascript) BIS
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
P.D.: Esta es la segunda vez que envio este correo. Estoy teniendo problemas
y otros correos no me han llegado a la lista.
Perdón si llega duplicado.
___
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
Re: [Ovillo] Evitar usar style=dislay:... (CSS/Javascript) BIS
Le 04/02/2005 11:03, Joseba Alonso a ecrit :
Puedes cambiar la clase CSS a la que hace referencia el DIV. Aunque yo veo
perfectamente correcto cambiar la propiedad como lo estas haciendo.
Cuando cambias el atributo style supone que existe en el DOM de tu
documento, o sea que tienes algo como :
div id=Cont style=display:blok;
Tuve el mismo problema hace un par de años y paso un guru de javascript
que me dio la solucion y aqui esta la funcion que uso:
function voir(qui,type)
{
var monelement = document.getElementById(qui);
var ledisplay=(document.defaultView
document.defaultView.getComputedStyle) ?
document.defaultView.getComputedStyle(monelement,'').getPropertyValue(display)
: monelement.currentStyle ? monelement.currentStyle.display : ;
monelement.style.display = type;
}
En teoria deberia ser :
function voir(qui,type)
{
var monelement = document.getElementById(qui);
ledisplay=
document.defaultView.getComputedStyle(matable,'').getPropertyValue(display);
monelement.style.display = type;
}
Pero IE no soporta getComputedStyle como los demas asi que hay que usar
una propiedad propietaria del DOM de microsoft.
Pascal
___
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
Re: [Ovillo] Evitar usar style=dislay:... (CSS/Javascript) BIS
Eduardo Martinez Cobos- Mobatek escribió:
[...]
¿Se puede cambiar con javascript la clase de un elemento, de manera que use
algo como:
.hide {
display:none;
}
Sí, se puede. Tendrás que utilizar la propiedad className, a saber:
var element = document.getElementById(id);
var class = element.className;
// averigua si la cadena que buscas está o no dentro del atributo clase
// y modifícalo al gusto
Echa un ojo a http://www.alistapart.com/articles/dropdowns/, en concreto
a la sección DOM-based scripting to the rescue
Un saludo,
Choan
--
Mundo Du. Cuentos breves, relatos sorprendentes
http://du.lacalabaza.net/
___
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
Re: [Ovillo] Evitar usar style=dislay:... (CSS/Javascript) BIS
Puedes acceder a la propiedad class y className (para explorer):
Puedes acceder a la propiedad className:
document.getElementById(id).className
Eduardo Martinez Cobos- Mobatek wrote:
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
P.D.: Esta es la segunda vez que envio este correo. Estoy teniendo problemas
y otros correos no me han llegado a la lista.
Perdón si llega duplicado.
___
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
