[(X)HTML] Champ de recherche avec ancre

[Résolu/Fermé]
Signaler
-
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
-
Bonjour,

je recherche un code qui, en HTML, me permettrai de taper le nom d'une ancre dans un champ de recherche, et d'accéder directement à là ou mène l'ancre.

Exemple : je tape "dessin" dans mon champ de recherche, je valide. J'ai une ancre nommée "dessin", j'y suis donc (c'est-à-dire là où se trouve l'ancre, où elle mène).

Pouvez-vous m'aider ?
Merci d'avance !
Cordialement,
Soleildewindows13


2 réponses

Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
824
Hello !

Qui dit champ dit PHP pour l'analyse donc on laisse tomber si tu veux rester sur les langages clients.
En revanche on peut tricher et utiliser Javascript.

<form onSubmit="return allerVersAncre();"> 
   <input id="nomAncre" type="text" value="Ancre à chercher"/> 
   <input type="submit" value="Chercher"> 
</form> 

<script type="text/javascript"> 
   function allerVersAncre(){ 
      var ancre = document.getElementById('nomAncre').value; 
      var liensExistant = document.getElementsByName(ancre); 
      if (liensExistant.length > 0){ 
         window.location = "#"+ancre; 
      } 
       return false; // Pour éviter de valider le formulaire 
   } 
</script>


A tester évidemment...
[EDIT] après test ça fonctionne bien chez moi !

Mihawk
"Tant qu'on ne fait pas, on ne sait pas."

Bonjour,

désolé d'avoir laissé pendant 3 jours mais c'est super cool de votre part, vous venez de me sauver la VIE !

Merci beaucoup !
En espérant une excellente continuation pour vous !
Cordialement,
Soleildewindows13
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
824
Top moumoute