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

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! 
---


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  |:.



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:
..
..

..
Cada texto es


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

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 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  |:.



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:
..
..

..
Cada texto es


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

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 roger 

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:
..
..

..
Cada texto es


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

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

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 



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 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:
>

Re: [Ovillo] Mostrar/ Ocultar + CSS

2005-06-29 Por tema stripTM 

Soy Rauto wrote:


Buenas gente,
alguien conoce un buen tutorial de mostrar/ocultar con onclick y css?


Así de memoria se me ocurre:

[Ovillo] Mostrar/ Ocultar + CSS

2005-06-29 Por tema Soy Rauto 

Buenas gente,
alguien conoce un buen tutorial de mostrar/ocultar con onclick y css?

Desde ya muchas gracias.

--

*RE | sgw*
Soluciones Gráficas & Web
Rauto
cel. 15 5695 4331
[EMAIL PROTECTED]
http://www.estudiore.com.ar
---
Blog Blonk! 
---

___
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