Entrar Regístrate
 
Texto desplegable al clickear
#1 ·

 Estoy armando algunas páginas en HTML usando el Web Page Maker y en ocasiones el Front Page.
Quisiera saber cómo hacer (o qué programa usar) para que al clickear en alguna oración debajo de ella aparezca un texto. Por ejemplo: en FAQ`s al hacer click en la pregunta se despliegue a continuación la respuesta sin necesidad de abrir otra página o ventana. Desde ya muy agradecido.


dyac
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 34
Desde: 26/Abr/2007
·
#2 ·

en HTML no lo vas a hacer, tienes que buscar programa en el internet, ahora mismo no me acuerdo de uno, tenia mucho tiempo que no entraba a mi arroba estaba un poco retirado...
saludos.


lick_boy
Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 477
Desde: 18/Sep/2004
·
#3 ·

NoSetup.org
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 30.462
Desde: 01/Mar/2003
· ·
#4 ·
Escrito originalmente por lick_boy

en HTML no lo vas a hacer, tienes que buscar programa en el internet, ahora mismo no me acuerdo de uno, tenia mucho tiempo que no entraba a mi arroba estaba un poco retirado...
saludos.

Si, sé que en HTML no se puede hacer, estuve buscando algún programa que lo hiciera "automaticamente" en PHP ya que de este lenguaje ni de Javascript entiendo nada, pero no encontré nada. De todas maneras te agradezco tu respuesta y te envío un afectuoso saludo.

dyac
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 34
Desde: 26/Abr/2007
·
#5 ·
Escrito originalmente por NoSetup.org

Se hace con javascript.
http://nosetup.org/manuales/ocultar

Si sé que se hace en Javascript o PHP, pero no entiendo nada de estos idiomas.

Me mandaron un script para lograr mi propósito, pero la duda que tengo es cómo hacer para cambiar el tamaño de la fuente y el color (ya que sale en azul como un hipervínculo).
Me podrías decir cómo hacerlo ?
Te felicito por tu Web, es bastante completa y útil. Desde ya te agradezco tu siempre amable
colaboración y espero tu respuesta. Un sincero saludo.
Adjunto el script para desplegar texto:

Esto lo pones una sola vez en el HEAD:

Código PHP:

<head>
<script>
function mostrar(id) {
  obj document.getElementById(id);
  obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' 'hidden';
}
</script>
</head> 

Y esto en el BODY:

Código PHP:

<a href="#" onclick="mostrar('divTexto1'); return false" />Hago clic aca y se ve u oculta UNO</a>
<div id="divTexto1" style="visibility:hidden">
UNO
</div>
<BR>
<a href="#" onclick="mostrar('divTexto2'); return false" />Hago clic aca y se ve u oculta DOS</a>
<div id="divTexto2" style="visibility:hidden">


dyac
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 34
Desde: 26/Abr/2007
·
#6 ·

Lo que te han puesto no es código php... sino html + javaascript...

Crea un html con eso, y prueba... es fácil.


NoSetup.org
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 30.462
Desde: 01/Mar/2003
· ·
#7 ·

OK, voy a hacer la prueba. Muchas gracias nuevamente. Saludos


dyac
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 34
Desde: 26/Abr/2007
·
#8 ·
Escrito originalmente por NoSetup.org

¡Hola!

Por favor pido su ayuda, he buscado en muchas páginas el código para mi blog y no encuentro lo que busco, quiero que se despliegue como con el efecto que se ve en el link que les mando, es en la parte de "pzy-locutores" ahí en las imágenes le dan click y se despliega como barrido o con arrastre, si me pueden decir como hago esto se los agradeceré mucho.

Ah y que se pueda utilizar en las entradas, no precisamente en los lados.

Gracias por su ayuda.


losultimos2009
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 2
Desde: 07/Ago/2009
·
#9 ·
Escrito originalmente por lick_boy
en HTML no lo vas a hacer, tienes que buscar programa en el internet, ahora mismo no me acuerdo de uno, tenia mucho tiempo que no entraba a mi arroba estaba un poco retirado...
saludos.

Te agradezco de todas maneras tu colaboración e interés.

Saludos !


dyac
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 34
Desde: 26/Abr/2007
·
#10 ·

Gracias al Amigo dyac pude hace el codigo

con base a la ayuda de el, aqui les dejo un ejemplo con 10 textos desplegables:

en el codigo html debes acomodar este codigo dentro del

</head>

<body>

El siguiente codigo:

<a href="#" onclick="mostrar('divTexto1'); return false" />Hago clic aca y se ve u oculta UNO</a>
<div id="divTexto1" style="visibility:hidden">
Texto 1
</div>
<BR>

<a href="#" onclick="mostrar('divTexto2'); return false" />Hago clic aca y se ve u ocuta DOS</a>
<div id="divTexto2" style="visibility:hidden">
Texto 2</div>
<BR>

<a href="#" onclick="mostrar('divTexto3'); return false" />Hago clic aca y se ve u oculta TRES</a>
<div id="divTexto3" style="visibility:hidden">
Texto 3
</div>
<BR>

<a href="#" onclick="mostrar('divTexto4'); return false" />Hago clic aca y se ve u oculta CUATRO</a>
<div id="divTexto4" style="visibility:hidden">
Texto 4</div>
<BR>

<a href="#" onclick="mostrar('divTexto5'); return false" />Hago clic aca y se ve u oculta CINCO</a>
<div id="divTexto5" style="visibility:hidden">
Texto 5
</div>
<BR>

<a href="#" onclick="mostrar('divTexto6'); return false" />Hago clic aca y se ve u oculta SEIS</a>
<div id="divTexto6" style="visibility:hidden">
Texto 6
</div>
<BR>

<a href="#" onclick="mostrar('divTexto7'); return false" />Hago clic aca y se ve u oculta SIETE</a>
<div id="divTexto7" style="visibility:hidden">
Texto 7
</div>
<BR>

<a href="#" onclick="mostrar('divTexto8'); return false" />Hago clic aca y se ve u oculta OCHO</a>
<div id="divTexto8" style="visibility:hidden">
Texto 8</div>
<BR>

<a href="#" onclick="mostrar('divTexto9'); return false" />Hago clic aca y se ve u oculta NUEVE</a>
<div id="divTexto9" style="visibility:hidden">
Texto 9
</div>
<BR>

<a href="#" onclick="mostrar('divTexto10'); return false" />Hago clic aca y se ve u oculta DIEZ</a>
<div id="divTexto10" style="visibility:hidden">
Texto 10</div>
<BR>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

Saludos¡¡¡


Hostingestrella
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 05/Nov/2016
·
#11 ·

A los que dicen que no se puede hacer me temo que debo decirles que no es así gracias al siguiente código:

<select name="idioma">

<option value="1">Español</option>
<option value="2">English</option>
<option value="3">Català</option>
</select>

Espero haber ayudado con este truco :-)


Dave_Round
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 11/Abr/2017
·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML básico
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 19:49 UTC+02:00 DST
Temas similares
 I FotoPTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario0Hoy, 01:00
Invitad@ Ir al último mensaje del tema