Búsqueda rápida (ctrl+f) dentro de div oculto

Tengo una página con pestañas implementadas, donde las pestañas inactivas están ocultas con display:none. Ahora estoy tratando de encontrar una manera de buscar en estos divs ocultos usando la búsqueda rápida de los navegadores (ctrl+f / cmd+f)

¿Hay, por ejemplo, una forma de ejecutar javascript, cada vez que un usuario busca algo? Si, por ejemplo, un usuario busca «plantilla» y solo la encuentra en una de las pestañas inactivas, me gustaría activar/mostrar esa pestaña.

¿Hay alguna manera? ¿O tendría que implementar un filtro de búsqueda propio?

¡Gracias!

preguntado el 02 de diciembre de 13 a las 08:12

No creo que interceptar los mecanismos de búsqueda de los navegadores sea el camino a seguir. ¿No puedes simplemente poner un cuadro de búsqueda en la página y manejar eso con Javascript? -

1 Respuestas

Bueno, seguro que puede solicitar los atajos de teclado, pero aún pueden usar el menú del navegador para comenzar a buscar.

¿No sería más fácil usar un método diferente para ocultar esas pestañas? Algo como

display: block;
height: 0;
width: 0;
overflow hidden;

por ejemplo (depende de su marcado/css especial, por supuesto)

Respondido el 02 de diciembre de 13 a las 09:12

el elemento buscado debe enfocarse en la búsqueda (nunca probé algo como esto, así que podrías experimentar con él) pero al menos el texto se puede buscar... - Ria Weyprecht

Creo que sería bueno pedir los atajos de teclado. Y luego mostrar automáticamente todo el contenido oculto (por ejemplo, abrir todo $(this).next().slideToggle("slow"); }).next().hide();-Alternadores, que pueden estar ocultos). Eso sería genial, luego el usuario todavía puede tener la opción de navegar solo contenido visible a través del menú del navegador. - O0123

pero no creo que un usuario notará la diferencia entre una búsqueda por ctrl+f o menú del navegador->buscar. Simplemente se preguntará por qué obtiene resultados diferentes. - Ria Weyprecht

Buen punto, esto podría aclararse. Si uno tiene muchos conmutadores ocultos que se vuelven visibles en CTRL + F, entonces el usuario se daría cuenta. Otra opción sería mostrar una ventana emergente de aclaración en pantalla, en CTRL + F; o una aclaración estándar. - O0123

jsfiddle.net/jssv8ctp muestra cómo se puede buscar el texto (esto es lo que pedía la pregunta) Pero no abre los conmutadores, sí. Esto será difícil de implementar ya que no tiene un evento para manejar cuando una palabra está marcada por la búsqueda. Debo admitir que no tengo una solución para esa edición: no creo que la haya: stackoverflow.com/questions/23479237/… - Ria Weyprecht

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.