javascript [Problème] Fonction de recherche js

le 9 septembre 2017

Salut tout le monde !

J'ai un petit problème avec le js; je voudrais créer un fonction qui, avec une input html, puisse rechercher des mots sur la page. J'ai dégoté 2-3 trucs un peu partout. Cependant, mon code ne marche (certaines variables sont 'indéfinies').

Voici ma source d'ennuis, mon code source:

html

<p id="textp">Cette frappe est la deuxième après la visite, le mois dernier aux Etats-Unis, du premier ministre pakisatanais, Nawaz Sharif, qui avait prié les Américains de mettre un terme à leurs attaques de drones dans la région.</p>
  <input type="txt" id="txt1" value="a" onChange="check();"/>

javascript

function check() {
var search = document.getElementById('txt1').value;
var replace = '<a href="#">' + search + '</a>';

var el = $('#text');
var text = el.html();

text = text.split(search).join(replace);

el.html(text);
}

Je suis suspendu à vos lèvres !

Edit : Sur codepen.io :

Pour avoir accès à ce lien, merci de vous connecter.

le 9 septembre 2017

J'ai pas trop compris pourquoi tu m'as sorti tout ça... mais ça pourrais toujours servir.

J'ai trouvé une erreur mais ça ne change rien

Modifié le 9 septembre 2017 par CptHenri

le 10 septembre 2017

y'a pas juste moyen de rafraîchir le script en évitant de tout relaod. Sinon je perd la value de input

le 10 septembre 2017

Ton code permet juste de chercher dans un tableau. Moi , ma cible est dans un paragraphe.

le 10 septembre 2017

@CptHenri Voici! Prend ce dont tu as besoins!

<!DOCTYPE html>
<html>
  <head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script>
      function mySearch() {
        var text = document.getElementById('text');
        var search = document.getElementById('search').value;
        var surroundStart = "<a href=\"#\">";
        var surroundEnd = "</a>";
        document.getElementById('text').innerHTML = text.textContent.replace(new RegExp(search, 'g'), surroundStart + search + surroundEnd);
      }
    </script>
  </head>
  <body>
    <p id="text" name="text">Cette frappe est la deuxième après la visite, le mois dernier aux Etats-Unis, du premier ministre pakisatanais, Nawaz Sharif, qui avait prié les Américains de mettre un terme à leurs attaques de drones dans la région.</p>
    <input type="text" id="search" onchange="mySearch();" />
  </body>
</html>

Désolé pour les indentations à double espace (normalement c'est 4 espaces ou 1 tab), c'est pour que sur le forum ca soit plus agréable !

Dis moi quoi!

le 16 juillet 2019

Salut ㄈㄕｲけ乇刀尺ﾉ ,
Ton sujet a été déplacé pour une des deux raisons suivantes :

- Ta demande a été résolue.

- Ton sujet se trouvait dans la mauvaise catégorie.

Ceci est un message automatique.

le 16 juillet 2019

Salut ㄈㄕｲけ乇刀尺ﾉ ,
Ton sujet a été déplacé pour une des deux raisons suivantes :

- Ta demande a été résolue.

- Ton sujet se trouvait dans la mauvaise catégorie.

Ceci est un message automatique.

Connexion

javascript [Problème] Fonction de recherche js

Messages recommandés

Henri 80

Salut tout le monde !

Lien à poster

Partager sur d’autres sites

Henri 80

Lien à poster

Partager sur d’autres sites

Henri 80

Lien à poster

Partager sur d’autres sites

Henri 80

Lien à poster

Partager sur d’autres sites

Skzz 6

Lien à poster

Partager sur d’autres sites

Narzo 759

Lien à poster

Partager sur d’autres sites

Narzo 759

Lien à poster

Partager sur d’autres sites

Forum

Activité

Abonnements

Divers

Support