Re: [Ovillo] Mostrar/ Ocultar + CSS
On 6/29/05, stripTM [EMAIL PROTECTED] wrote:
Soy Rauto wrote:
Buenas gente,
alguien conoce un buen tutorial de mostrar/ocultar con onclick y css?
Así de memoria se me ocurre:
style type=text/css id=miHojaDeEstilos ...
button onclick=document.getElementById('miHojaDeEstilos').disabled =
trueDesactivar CSS/button
Yo creo que hasta en los ejemplos deberiamos desterrar los atributos de
evento igual que las tablas ;)
--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65
¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mostrar/ Ocultar + CSS
On 6/29/05, Soy Rauto [EMAIL PROTECTED] wrote:
Buenas gente,
alguien conoce un buen tutorial de mostrar/ocultar con onclick y css?
Tutorial no sé, pero no es complicado de explicar.
1) Defines una clase 'oculto' y otra 'no_oculto'
2) Al evento onclick del elemento le pegas una función que
a) Si el atributo className del elemento contiene la cadena 'no_oculto', la
sustituya por la cadena 'oculto'
b) Viceversa
El único intringulis es darte cuenta que no puedes limitarte a comparar el
className por igualdad, ya que un atributo class puede contener varias
cadenas distintas separadas por espacios. Es decir, que no puedes hacer
if (document.getElementById('mi_elemento').className == 'oculto') {}
porque esto te fallaría para
div class=menu oculto /
Así que harías tal que
var mi_elemento = document.getElementById('mi_elemento');
if (mi_elemento.className.indexOf('no_oculto')0) {
mi_elemento.className.replace('no_oculto','oculto');
}
else if (mi_elemento.className.indexOf('oculto')0) {
mi_elemento.className.replace('oculto','no_oculto');
}
--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65
¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mostrar/ Ocultar + CSS
2 buenos ejemplos no-intrusivos:
http://www.disenorama.com/articulos/dhtml/dhtml_no_intrusivo.htm
(ejemplo aqui:
http://www.disenorama.com/articulos/dhtml/ejemplos/ejemplo3.htm )
http://onlinetools.org/tools/domcollapse/index.html
:)
saludos
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
roger wrote:
Para salir del paso tienes dos:
- ocultar completamente un elemento suelo usar
document.getElementById(id).style.display=none;
- mostrarlo:
document.getElementById(id).style.display=block;
Si por emplo tenemos una serie de enlaces para activar un texto hacemos:
a href=#texto1 onclick=mostrar(1);return false../a
a href=#texto2 onclick=mostrar(2);return false../a
..
Cada texto es
div id=texto1a name=texto1/a/div
La funcion javascript tan sencilla como:
function mostrar(nCual){
for(nCont=1;document.getElementById(texto+nCont);nCont++)
document.getElementById(texto+nCont).style.display= (nCont==
nCual?display ; none)
}
y pon en body
body onload=mostrar(0)
suponiendo que inicialmente no quieres mostrar nada.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mostrar/ Ocultar + CSS
Muchas gracias a todos, prometo probar cada ejemplo/opción.
Saludos.
--
*RE | sgw*
Soluciones Gráficas Web
Rauto
cel. 15 5695 4331
[EMAIL PROTECTED]
http://www.estudiore.com.ar
---
Blog Blonk! http://estudiore.com.ar/blonk
---
kemie guaida escribió:
2 buenos ejemplos no-intrusivos:
http://www.disenorama.com/articulos/dhtml/dhtml_no_intrusivo.htm
(ejemplo aqui:
http://www.disenorama.com/articulos/dhtml/ejemplos/ejemplo3.htm )
http://onlinetools.org/tools/domcollapse/index.html
:)
saludos
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
roger wrote:
Para salir del paso tienes dos:
- ocultar completamente un elemento suelo usar
document.getElementById(id).style.display=none;
- mostrarlo:
document.getElementById(id).style.display=block;
Si por emplo tenemos una serie de enlaces para activar un texto hacemos:
a href=#texto1 onclick=mostrar(1);return false../a
a href=#texto2 onclick=mostrar(2);return false../a
..
Cada texto es
div id=texto1a name=texto1/a/div
La funcion javascript tan sencilla como:
function mostrar(nCual){
for(nCont=1;document.getElementById(texto+nCont);nCont++)
document.getElementById(texto+nCont).style.display= (nCont==
nCual?display ; none)
}
y pon en body
body onload=mostrar(0)
suponiendo que inicialmente no quieres mostrar nada.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mostrar/ Ocultar + CSS
Manuel González Noriega wrote: Yo creo que hasta en los ejemplos deberiamos desterrar los atributos de evento igual que las tablas ;) Lo he hecho por economizar espacio (bueno caracteres a teclear, jejej), tienes razón en el html no debería aparacer javascript o eventos que dependen de dispositivos. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
