Cómo se hace esto?

carmensab · #1 (**permalink**) 18/09/2006, 08:28

Hola, quisiera si alguien me puede explicar como hacer, en DW, un botón como en el link que les mando, que oculta parte de la información. (El boton Ocultar - Mostrar).
http://www.inta.gov.ar/chubut/info/b...m#Introducción
Muchas Gracias

Mickel · #2 (**permalink**) 18/09/2006, 09:51

Fijate en el codigo. Ha incluido una funcion JS:

<script languaje="javascript">
function hide(e){
if( document.getElementById(e))
{ if( document.getElementById(e).style.display=='none' )
document.getElementById(e).style.display='block';
else
document.getElementById(e).style.display='none';
if( document.getElementById(e+'_p').innerHTML=='Oculta r' )
document.getElementById(e+'_p').innerHTML='Mostrar ';
else
document.getElementById(e+'_p').innerHTML='Ocultar ';
}
}
</script>

y la invoca con
<a id="intro_p" style="text-decoration:none" href="javascript:hide('intro');">Ocultar</a>

Poniendole un div id al texto lo lograras

carmensab · #3 (**permalink**) 18/09/2006, 10:35

Muchas Gracias. Yo no entiendo nada de programación pero lo voy a intentar y sino cualquier duda les vuelvo a preguntar.

pichonservis · #4 (**permalink**) 18/09/2006, 16:23

bueno tambien agradesco porque me sirvio de ayuda.....

Cita:

si resulto...amigoooooooo

juaniquillo · #5 (**permalink**) 18/09/2006, 16:43

si, mejor usa ese codigo. en DW se puede ocultar y mostrar layers (divs con pocision fija), pero no divs normales. si lo haces con layers no hace el mismo efecto. Se ocultan pero el espacio que ocupa el layer se queda igual y los otros elementos no se corren para ocupar ese espacio.

JavierB · #6 (**permalink**) 19/09/2006, 00:42

Movido al foro de JavaScript desde Editores web.

Saludos,

carmensab · #7 (**permalink**) 19/09/2006, 12:07

Hola, les pido si alguien se puede fijar en el siguiente link, http://www.lookdg.com.ar/ocultar.html, quise hacer una prueba para luego usarlo con otro archivo pero solo funciona bien el Punto Tres ya que el uno no muestra la palabra Mostrar y el dos oculta el uno.
Quizas sea una tonetera pero como yo no manejo nada de programación trato de copiar códigos y pegar pero cuando modifico siempre hay algo que no funciona.
Gracias a todos por ayudarme

JavierB · #8 (**permalink**) 19/09/2006, 12:19

Hola carmensab

A mí si me aparece la palabra Mostrar en el punto uno.

El error está en que has puesto el mismo id al <div> del punto 1 y al del punto 2, además es recomendable que las propiedades las pongas entre comillas:

<div id="intro"

para llamar a la función, creo que sería preferible que lo pusieras así:

<a href="#" onclick="hide('intro'); return false">

Espero que te funcione. Saludos,

carmensab · #9 (**permalink**) 19/09/2006, 13:45

Muchas Gracias!!!
Logré que funcionene los botones, pero me falta que cuando oculta muestre la palabra Mostrar.
Si podes decime exactamente lo que tengo que cambiar o agregar porque como te dije antes esto lo hago copiando ya que no entiendo nada de programacion.
Muchas gracias nuevamente.
http://www.lookdg.com.ar/ocultar.html