JavaScript - Generar Buscador para contenido HTML

 
Vista:
Imágen de perfil de Ariel
Val: 22
Ha aumentado su posición en 7 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Generar Buscador para contenido HTML

Publicado por Ariel (14 intervenciones) el 25/06/2019 14:36:47
int


Estimados,...

No la tengo muy clara con JS, y necesito poder crear un buscador de numeros de internos de oficina.

Es decir, poniendo un nombre de área o sector que me encuentre su Interno correspondiente. (adjunto imagen)

el codigo creado de los internos es la siguiente..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<center>
    <div class= "container">
        <div class ="row" >
            <div style="background-color: #F8F8F8; font-family: Arial">
                    <a href="internos"><img class="card-img-top" src="img_welcome/phone-book.png" alt="Card image" style="width:50"></a>
                    <div class="card-body">
                    <h4 class="card-title">Planta Baja</h4>
                    <div class="d-flex bg-text-white">
                        <div class="p-2 mr-auto">OFIC JEFE DNI</div>
                        <div class="p-2 bg-warning">1361</div>
                    </div>
                    <div class="d-flex bg-text-white">
                        <div class="p-2 mr-auto">SEGURIDAD</div>
                        <div class="p-2 bg-warning">1821</div>
                    </div>
                    <div class="d-flex bg-text-white">
                        <div class="p-2 mr-auto">DNI BOX 18</div>
                        <div class="p-2 bg-warning">1362</div>
                    </div>
                    <div class="d-flex bg-text-white">
                        <div class="p-2 mr-auto">DNI BOX 17</div>
                        <div class="p-2 bg-warning">1363</div>
                    </div>

Y así sucesivamente..

PD: el buscador que aparece en pantalla no tiene codigo, es solo el campo y el boton buscar.

Alguien me podría ayudar?.

Desde Ya Mil Gracias!!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ariel
Val: 22
Ha aumentado su posición en 7 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Generar Buscador para contenido HTML

Publicado por Ariel (14 intervenciones) el 28/06/2019 14:13:50
Hola, me sirvió bastante lo que me pasaste. Tuve que re adaptar el código un poco porque lo que sería la tabla, Yo lo tenia con div, pero funcionó.
el único problema y q no puedo resolverlo, es que al momento de no encontrar nada en la búsqueda, aparece vacío, y Yo preferiría que aparezca un cartel que diga, "no se encontró nada para ésta búsqueda".

El código es el mismo que me paso Joel en el comentario anterior.

Alguien me podría ayudar?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar