-
Rechercher le mot saisi
salut,
j'ai un text ,un champ input (saisie le mot à rechercher) et un bouton go
Go : permet de définir une couleur de fond jaune à chaque occurrence du mot (saisi dans le champ) dans le
contenu de la page.
Pouvez-vous m'aider?
il faut que je suivre les etapes suivants:
- -Récupérer le mot à chercher
- -Préparer la nouvelle version du mot (en l’entourant avec un span et en lui appliquant la classe)
- -Récupérer tous les paragraphes de la page
Pour chaque paragraphe faire
- -Récupérer le contenu HTML du paragraphe
- -Remplacer (dans ce contenu) chaque itération du mot par sa nouvelle version
- -Remettre le nouveau code HTML
merci
-
Salut,
Je te conseille de passer par Ajax ou plutôt l'objet XMLHttpRequest. cf http://siddh.developpez.com/articles/ajax/
Après, faut se mettre au boulot ;p
-
Je ne vois pas à quoi servirait AJAX ici. C'est un traitement côté client.
On ne va certainement pas faire le boulot à ta place, mais on peut t'aider à te débloquer si tu nous montres ton code.
-
Salut,
Un fil qui pourrait t'être utile : Principe de la fonction "rechercher"...
Il y a plusieurs façons de faire, il y a quand même un cas difficile c'est quand le mot trouvé n'est pas contenu à l'intérieur d'une seule balise... (par exemple le plugin "SearchHighlight" ne fonctionne pas dans ce cas...). A la fin j'ai trouvé une fonction toute faite,j'en parle au message #18 j'ai testé l'exemple donné dans ce lien : find ici : http://jsfiddle.net/kdq7f6k2/1.
Attention ceci dit il y a quelques limites quand même : par exemple il semble qu'on ne puisse pas choisir l'apparence (le style) du mot trouvé. Or toi si j'ai bien compris c'est ce que tu dois faire en insérant des balises span... Autre exemple je crois bien qu'on ne peut mettre en surbrillance qu'un seul mot à la fois...
Mais de toute façon j'avais trouvé une astuce pour faire sa propre fonction...
En tous cas c'est un bon sujet de tp pratique !