0

Tengo un anchor link () que es una pregunta. Al clickearlo, en la misma página se visualiza la respuesta sólamente cuando el link se clickea.

function ViewFaqAnswer(answer, question){
FaqHideAll();
$('#' + answer).show();
$('#' + question).css("color","#EB0000");
window.location.hash = answer;


function FaqHideAll() {
$('.faq-answer').hide();
$('.faq-link').css("color","#000099");
}
.faq-link{
text-decoration: underline !important;
color: #000099;
}
#faq:focus img, #faq:hover img{
box-shadow: 0 0 0 2px rgba(38, 143, 255,1)
}
 <table role="presentation">
  <tr>
  <td>
<a href="javascript: ViewFaqAnswer('answer','question')" class="faq-link"> Question </a>
  </td>
  </tr>
  </table>



<table role="presentation" class="faq-answer" style="display: none; width: 100% border="0" cellspacing="0" cellpadding="0" tabindex="0">
<tr>
  <td colspan="2"> Title </td>
  </tr>
  <tr>
  <td colspan="2">
  <p> Answer </p>
  </td>
  </tr>
  </table>
 

El tema es que al hacer click se hace el focus en la respuesta y lo que quiero es que sólamente se visualice y el usuario navegue hasta la pregunta.

Esto debería ser aplicado con javascript? O con css podría hacerse?

5
  • Sebastián, bienvenido. Las preguntas requieren un mínimo de código para ser revisadas y así tratar de ayudarte. Sin código no podemos ofrecerte respuestas claras ya que estaríamos adivinando lo que tienes y es posible que no sea lo que necesitas. Haz el recorrido que está en el footer del sitio para que comprendas lo que te comento.
    – DjCrazy
    Commented el 28 jun. 2022 a las 23:29
  • Bienvenido Sebastián. Entonces, ¿Deseas saber como quitar el foco a un elemento HTML o saber si es aconsejable emplear CSS en lugar de JS para ello?
    – Héctor M.
    Commented el 29 jun. 2022 a las 0:32
  • Si, quisiera saber cómo quitar el foco. Lo que intenté es en la función ViewFaqAnswer traté de agregar $('#' + answer).blur(); Tal vez estoy haciendo mal uso de la misma. Y si, también me gustaría saber qué es recomendable usar, si CSS o JS. Desde ya muchas gracias, y gracias por la bienvenida.
    – kaz00ie
    Commented el 29 jun. 2022 a las 3:28
  • No se si te refieres a usar el atributo tabindex="-1" en el elemento con id #+answer (que por cierto no sale en tu ejemplo de código) o bien a cambiar el window.location.hash = answer; por window.location.hash = question;. Sea como sea tu ejemplo no nos sirve para comprobarlo pues tiene errores de sintaxis. Léete Cómo preguntar, recorrido de bienvenida y sobretodo ejemplo mínimo verificable para aprender bien el funcionamiento de este sitio, gracias.
    – masterguru
    Commented el 29 jun. 2022 a las 7:05
  • Al final lo resolví con esto:function ViewFaqAnswer(answer, question) { FaqHideAll(); //Bug 95790 $('#' + answer).show(); $('#' + question).focus(); $('#' + question).css("color", "#EB0000"); window.location.hash = question; }
    – kaz00ie
    Commented el 6 jul. 2022 a las 15:51

1 respuesta 1

0

Al final lo resolví agregando .focus();

  function ViewFaqAnswer(answer, question) {
    FaqHideAll();
    $('#' + answer).show();
    $('#' + question).focus();
    $('#' + question).css("color", "#EB0000");
    window.location.hash = question;
}

Gracias masterguru por tu clarificación.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.