.net - texto - obtener valor seleccionado select php
Filtrar "lista" de divs con Javascript (2)
Tengo un repetidor que genera divs como el siguiente para cada artículo devuelto por algún método.
<div class="editor-area">
<div class="title">the title</div>
<div>the description</div>
<div class="bottom-bar">
<a href="link">Modify</a>
<a href="link2">Delete</a>
</div>
</div>
Necesito tener un cuadro de texto en la página que permita al usuario filtrar la lista según lo que esté en el campo de título. Me gustaría que sucediera a medida que el usuario escribe.
Podría hacer esto sin pedir ayuda, pero quiero hacerlo bien. Estoy utilizando ASP.Net 2.0 WebForms (desafortunadamente), y puedo usar jQuery si sería útil para esto (tengo muy poca experiencia con él).
Cualquier sugerencia o muestra sería apreciada.
Si la operación del filtro toma un par de segundos, ¿cómo evitar que bloquee la pantalla? ¿Qué evento debería hacer el filtro? ¿Hay algo en jQuery que haga que el javascript sea un poco más limpio?
Craig está muy cerca. Coloque ".parent ()" antes de ".hide ()" o ".show ()" para mostrar u ocultar el div principal.
En cuanto a su segundo comentario, ese es un problema aparte, pero sí, tendrá que contabilizar las entradas que no sean de texto. Otra idea es mostrar todo si el cuadro de texto del filtro está en blanco.
Sí, esto es muy simple con jQuery. Primero esconde todo:
$("div.title").hide();
(Coincide con los elementos del tipo "div" con el "título" de la clase). Ahora muestre las coincidencias:
$("div.title:contains(searchText)").show();
No debería tomar "segundos" para hacer esto a menos que su página sea enorme. Puede hacer esto en onKeyDown y onChange.