Rechercher des chaines de caractères précises dans une page

Version imprimable

05/12/2016, 19h49
Amour312

Rechercher des chaines de caractères précises dans une page

Salut ici!
Désolé si l'intitulé n'est pas explicite.

En effet, je travaille sur un site Qui doit avoir une zone de recherche (comme dans beaucoup de site).
Cependant, les textes Que j'affiche sur les differentes pages du site sont pour la plupart uniQuement codé en html et non dans la base de donnée.

Du coup on oubli php pour afficher les résultats.
Vous l'aurez compris, ce Que je veux faire c'est un script Qui est censé se déclencher onclick sur le boutton rechercher.

Je récupère le texte (ça je gère), le stock dans une variable (jusQue là tout est ok) mon problème arrive au niveau de la recherche du mot parce Que le script est censé parcourir le contenu de mes pages pour détecter le mot entré dans mon input, si le mot se trouve dans la page, on stock son adresse
par exple : http://monsite.com/bonjour.php
pour ensuite l'afficher dans la page monsite.com/search.php?search=coucou (coucou étant le mot recherché)

Bon je ne sais pas si c'est possible, mais si ça l'est j'imagine Que c'est assez énorme. Alors si QuelQu'un a une piste ou un embryon d'idée je suis prenneur.

Merci d'avance pour vos réponses!
06/12/2016, 16h53
Watilin

Je ne suis pas sûr d’avoir compris si tu veux que la recherche se fasse dans la page en cours, ou bien dans toutes les pages.

S’il s’agit de toutes les pages tu auras besoin d’Ajax. Dans la mesure où tes pages sont du HTML statique, elles devraient être mises en cache par le client pour économiser des requêtes quand ce n’est pas nécessaire. Vérifie les en-têtes de cache envoyés par ton serveur. Si tes pages ne sont pas trop volumineuses, tu peux envisager de les stocker localement, par exemple avec localStorage.

Une fois que tu as récupéré une page, si elle est arrivée par Ajax tu auras, a priori, son code source brut. Il te suffit alors de faire une recherche sur la réponse Ajax.

S’il s’agit de la page actuelle, tu peux obtenir son code source avec document.body.innerHTML, ou uniquement le contenu texte avec document.body.textContent.

Si tu es intéressé également par le contenu du <head>, tu peux faire une deuxième recherche sur document.head, ou bien remplacer document.body par document.documentElement pour tout rechercher en même temps.
07/12/2016, 10h24
Gnuum

Je vois 2 solutions possibles (il peut certainement en exister d'autres):

- Celle à la mano, où tu fais un script qui rend toutes tes pages et qui stocke le résultat dans une base de données qui fait du fulltext comme par exemple Elasticsearch. Ca induit pas mal de problématiques comme mettre à jour tes index si les pages changent notamment. Autant te dire que ça peut prendre un peu de temps!
- Celle où tu utilises une solution existante qui ne nécessite qu'un peu de configuration mais qui peut devenir payante suivant le nombre de requêtes et qui peut induire d'autres considérations d'ordre "privacy". On peut citer le classique google custom search engine.