Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
dyac
Usuario habitual
Usuario habitual
#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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

Avatar Image
@man / @woman
@man / @woman
#3•
dyac
Usuario habitual
Usuario habitual
#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
#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">

Avatar Image
@man / @woman
@man / @woman
#6•

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

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

dyac
Usuario habitual
Usuario habitual
#7•

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

losultimos2009
Usuario Novato
Usuario Novato
#8•
Escrito originalmente por NoSetup.org
Se hace con javascript.
http://nosetup.org/manuales/ocultar

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

dyac
Usuario habitual
Usuario habitual
#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 !

Hostingestrella
Usuario Novato
Usuario Novato
#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¡¡¡

Dave_Round
Usuario Novato
Usuario Novato
#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 :-)

Anastasiaf
Usuario habitual
Usuario habitual
#12•

Muchas gracias. Saludos

kingkototo
Usuario Novato
Usuario Novato
#13•

@dyac, buena.

joseo077
Usuario Novato
Usuario Novato
#14•

Puedes hacerlo con una librería de jquery y un script muy sencillo.

Añade estas etiquetas a tu head.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script>

$("button").click(function(){
    $("p").toggle();
});

</sccript>

AnteriorSiguienteArriba
Responder
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
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Texto y Ventana desplegable al clickear
Por: , el 09/Jun/2009, 04:10
Ken_MastersCS404kJun/09