Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1340 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JavaScript] Rechercher dans une boite a liste

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JavaScript] Rechercher dans une boite a liste

n°1385838
creusois
Posté le 12-06-2006 à 15:30:36  profilanswer
 

Bonjour à tous,
 
Je viens vous soliciter pour la modification d'un script Javascript.
 
Voila c'est simple, j'ai une boite à liste (SELECT) et au dessus un champs input. Ce champs sert de "filtre en live" pour la boite à liste au dessus.
Exemple: Dans le select il y a tout les pays du monde, si vous taper dans le champs au dessus fr vous n'aurez plus que les pays commencant par fr dans le select.
 
Bref, j'ai trouvé ce script sur toutjavascript.com.
Le probleme c'est que il me fait le code suivant:
 

Code :
  1. <option value="France">France</option>


 
Moi je voudrais bien qu'il prenne l'id du pays et non le contenu dans le value. Serait-il possible de changer donc la variable de tableau javascript qui est:
 

Code :
  1. Liste.Add("Afghanistan" );


 
en :
 

Code :
  1. Liste.Add(1, "Afghanistan" );


 
???
Si oui, il faut surement apporter des modifications, quelqu'un pourrait-il donc m'aider ?
 
Merci.
 
Le code si dessous:
 

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  3. var Liste=new CreerListe("Pays", 5, 200)
  5. Liste.Add("Afghanistan" );
  6. Liste.Add("Afrique du sud" );
  7. Liste.Add("Albanie" );
  8. Liste.Add("Algérie" );
  9. Liste.Add("Allemagne" );
  12. function CreerListe(nom, hauteur, largeur) {
  13. this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;
  14. this.search="";
  15. this.nb=0;
  16. this.Add=AjouterItem;
  17. this.Afficher=AfficherListe;
  18. this.MAJ=MAJListe;
  19. }
  21. function AjouterItem(item) {
  22. this[this.nb]=item
  23. this.nb++;
  24. }
  26. function AfficherListe() {
  27. if (document.layers) {
  28.  var Z="<SELECT name="+this.nom+" size="+this.hauteur+">";
  29. } else {
  30.  var Z="<SELECT name="+this.nom+" size="+this.hauteur+" style='width:"+this.largeur+"'>";
  31. }
  32. for (var i=0; i<this.nb; i++) {
  33.  Z+="<OPTION value=\""+this[i]+"\">"+this[i]+"</OPTION>"
  34. }
  35. Z+="</SELECT>"
  36. document.write(Z);
  37. }
  39. function MAJListe(txt,f) {
  40. if (txt!=this.search) {
  41.  this.search=txt
  42.  f.elements[this.nom].options.length=0;
  43.  for (var i=0; i<this.nb; i++) {
  44.   if ( this[i].substring(0,txt.length).toUpperCase()==txt.toUpperCase() ) {
  45.    var o=new Option(this[i], this[i]);
  46.    f.elements[this.nom].options[f.elements[this.nom].options.length]=o;
  47.   }
  48.  }
  49.  if (f.elements[this.nom].options.length==1) {
  50.   f.elements[this.nom].selectedIndex=0;
  51.  }
  52. }
  53. }
  55. function ListeCheck() {
  56. Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])
  57. if (document.layers) {
  58.  setTimeout("ListeCheck()", 1001)
  59. } else {
  60.  setTimeout("ListeCheck()", 100)
  61. }
  62. }
  64. </SCRIPT>


 

Code :
  1. <FORM name=monform>
  2. <INPUT type=text name=search><BR>
  3. <SCRIPT language=javascript>
  4. Liste.Afficher();
  5. ListeCheck();
  6. </SCRIPT>
  7. </FORM>

mood
Publicité
Posté le 12-06-2006 à 15:30:36  profilanswer
 

n°1385868
xtof_83
Freeride Spirit
Posté le 12-06-2006 à 16:05:12  profilanswer
 
n°1385913
creusois
Posté le 12-06-2006 à 16:52:26  profilanswer
 

xtof_83 a écrit :

http://www.allhtml.com/forums/posts_list/topic:499948
 
lol


 
Et ?
 
Je post ici, et puis sur un forum un peu plus spécialisé dans le domaine. Mais malheureusement je n'ai ni sur l'un, ni sur l'autre de reponse.  
 
Parce que le multi-post sur deux forums differents est interdit ?

n°1385969
xtof_83
Freeride Spirit
Posté le 12-06-2006 à 17:56:03  profilanswer
 

non, mais vu que je suis tomber sur ça, à ma premiére recherche google...ça me fait sourire...
 
Sinon tu as le systéme recherche sur ce forum (non c'est pas une blague)... et tu verras que ce sujet à déjà été abordé 1000 fois.. :o
 
;)+

Message cité 1 fois
n°1386009
creusois
Posté le 12-06-2006 à 18:44:41  profilanswer
 

xtof_83 a écrit :

non, mais vu que je suis tomber sur ça, à ma premiére recherche google...ça me fait sourire...
 
Sinon tu as le systéme recherche sur ce forum (non c'est pas une blague)... et tu verras que ce sujet à déjà été abordé 1000 fois.. :o
 
;)+


 
Deja referencé ??? Et bien, impressionnant, je l'ai posté ce matin.
 
Sinon heuu moi je veux bien faire des recherches, que j'ai d'ailleur faites, mais rien à faire.
 
Dis moi qu'elles sont les mots clefs ?

n°1386046
xtof_83
Freeride Spirit
Posté le 12-06-2006 à 19:40:18  profilanswer
 
n°1386074
creusois
Posté le 12-06-2006 à 20:49:15  profilanswer
 

xtof_83 a écrit :

http://forum.hardware.fr/forum1.ph [...] deration=0


 
Et bien j'ai regardé tout les liens et a part mes deux posts, je ne vois pas une ressemblance avec mon probleme, donc je redemande si quelu'un a une idée

n°1386138
xtof_83
Freeride Spirit
Posté le 12-06-2006 à 23:08:22  profilanswer
 

Non c'est sur, personne n'a exactement le même souci que toi...ça je laccorde, mais tous voulais savoir comment fait intéragir 2 select...  Donc regarde un peu plus....


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JavaScript] Rechercher dans une boite a liste

 

Sujets relatifs
caractère dans liste déroulante[Javascript] Créer un evenement "ondblclick" dans un SELECT
lien dans une liste déroulanteCreation d'une liste déroulante renseignée suivant un input
boite de dialogue en VBA[JavaScript] Récupérer une variable serveur
suppression du code javascript dans la source HTMLListe de villes, codes postaux, regions, etc...
menu vertical CSS javascriptFonction mail avec un if else tout bête et javascript confirm()
Plus de sujets relatifs à : [JavaScript] Rechercher dans une boite a liste

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.045 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR