Foros del Web » Programando para Internet » Javascript »

Crear FAQ (mostrar/ocultar texto) que no se muestre subraya la pregunta

Estas en el tema de Crear FAQ (mostrar/ocultar texto) que no se muestre subraya la pregunta en el foro de Javascript en Foros del Web. Hola que tal?. Soy nuevo es este foro y necesito su ayuda porque no se de programación. Bueno el caso es que necesito hacer un ...
  #1 (permalink)  
Antiguo 15/02/2011, 14:16
 
Fecha de Ingreso: febrero-2011
Mensajes: 5
Antigüedad: 10 años, 4 meses
Puntos: 0
Pregunta Crear FAQ (mostrar/ocultar texto) que no se muestre subraya la pregunta

Hola que tal?. Soy nuevo es este foro y necesito su ayuda porque no se de programación. Bueno el caso es que necesito hacer un FAQ, al darle en una pregunta que se muestre el texto debajo, luego al darle clic de nuevo que se oculte(esta esa parte ya lo hice), el problema que tengo es que la pregunta aparece subrayada(como hipervinculo) lo cual no quiero, lo que quiero es que recién cuando pase el cursor recién se subraye y también quiero otro tipo de font. Asimismo quisiera poner una viñeta al costado de la pregunta por ejemplo un triangulo con la punta hacia la izquierda, y cuando haga clic para abrir la respuesta d la pregunta este triangulo pase a estar con la punta hacia abajo. Además, también quisiera que entre respuesta y la próxima pregunta no quede tanta separación.

Ayúdenme por favor, gracias de todas maneras.
  #2 (permalink)  
Antiguo 15/02/2011, 14:41
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 11 años
Puntos: 310
Respuesta: Crear FAQ (mostrar/ocultar texto) que no se muestre subraya la pregunta

Lo de la separación me imagino que será porque en vez de display estás usando visibility. Para cambiar la fuente y el text-decoration yo usaría CSS y la pseudo-clase :hover. Para lo de la flecha, simple, creo que algo así te sirve:
Código HTML:
Ver original
  1. <span onclick='cambiarImg()'><img src='derecha.jpg' id='foto' /></span>
Código Javascript:
Ver original
  1. function cambiar Img(){
  2.  document.getElementById('foto').src = document.getElementById('foto').src == 'derecha.jpg' ? 'abajo.jpg' : 'derecha.jpg';
  3. }
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 15/02/2011, 16:49
 
Fecha de Ingreso: febrero-2011
Mensajes: 5
Antigüedad: 10 años, 4 meses
Puntos: 0
Pregunta Respuesta: Crear FAQ (mostrar/ocultar texto) que no se muestre subraya la pregunta

Mmm no me salio, bueno debe ser porque no se de programación. Mira este es el código que tengo. Espero que me puedas ayudar, configurando ese código, con lo que pedí. Quiero que no se vea como hipervinculo a primera vista(me refiero a que sale subrayado)quiero que recién cuando pase el cursor se subraye. Y también quiero que la font cambie de la letra no se si también me podrías poner ese código. Mira algo así quiero hacer http://www.facebook.com/help/?page=173 el estilo de las preguntas y respuesta el color, y también lo anterior a la pregunta como un titulo. Ayuda por favor.

<html>
<head>
</head>
<body>
<script languaje="Javascript">
<!--
document.write('<style type="text/css">div.ocultable{display: none;}</style>');
function MostrarOcultar(capa,enlace)
{
if (document.getElementById)
{
var aux = document.getElementById(capa).style;
aux.display = aux.display? "":"block";
}
}

//-->
</script>
<a href="javascript:MostrarOcultar('texto1');" id="enlace1"> Mostrar/Ocultar</a>
<div class="ocultable" id="texto1">Hola</div>
<BR>
<a href="javascript:MostrarOcultar('texto2');" id="enlace2"> Mostrar/Ocultar</a>
<div class="ocultable" id="texto2">Hola2</div>
</body>
</html>

Etiquetas: faqs, html, java, programacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:55.