Re: [Ovillo] Mostrar/ Ocultar + CSS

2005-06-30 Por tema Manuel González Noriega
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

2005-06-30 Por tema Manuel González Noriega
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

2005-06-30 Por tema kemie guaida

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

2005-06-30 Por tema Soy Rauto

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

2005-06-30 Por tema stripTM

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