auto refresh d'une liste

Répondre
Citer ce message
bibi
le 10/12/2004 à 19:21
bibi
bijour tout le monde
en fait j'avais pris une source sur toutjavascript qui est la suivante:

  1. <SCRIPT LANGUAGE="JavaScript">
  2. // D'autres scripts et des tutoriaux sur http://www.toutjavascript.com
  3. // Script développé par Tout JavaScript.com
  4. // Si vous utilisez ce script, merci de laisser ce commentaire

  6. var Liste=new CreerListe("Pays", 5, 200)

  8. Liste.Add("Afghanistan");
  9. Liste.Add("...");
  10. Liste.Add("Zimbabwe");


  13. function CreerListe(nom, hauteur, largeur) {
  14. 	this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;
  15. 	this.search="";
  16. 	this.nb=0;
  17. 	this.Add=AjouterItem;
  18. 	this.Afficher=AfficherListe;
  19. 	this.MAJ=MAJListe;
  20. }

  22. function AjouterItem(item) {
  23. 	this[this.nb]=item
  24. 	this.nb++;
  25. }

  27. function AfficherListe() {
  28. 	if (document.layers) {
  29. 		var Z="<SELECT name="+this.nom+" size="+this.hauteur+">";
  30. 	} else {
  31. 		var Z="<SELECT name="+this.nom+" size="+this.hauteur+" style='width:"+this.largeur+"'>";
  32. 	}
  33. 	for (var i=0; i<this.nb; i++) {
  34. 		Z+="<OPTION value=\""+this[i]+"\">"+this[i]+"</OPTION>"
  35. 	}
  36. 	Z+="</SELECT>"
  37. 	document.write(Z);
  38. }

  40. function MAJListe(txt,f) {
  41. 	if (txt!=this.search) {
  42. 		this.search=txt
  43. 		f.elements[this.nom].options.length=0;
  44. 		for (var i=0; i<this.nb; i++) {
  45. 			if ( this[i].substring(0,txt.length).toUpperCase()==txt.toUpperCase() ) {
  46. 				var o=new Option(this[i], this[i]);
  47. 				f.elements[this.nom].options[f.elements[this.nom].options.length]=o;
  48. 			}
  49. 		}
  50. 		if (f.elements[this.nom].options.length==1) {
  51. 			f.elements[this.nom].selectedIndex=0;
  52. 		}
  53. 	}
  54. }

  56. function ListeCheck() {
  57. 	Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])
  58. 	if (document.layers) {
  59. 		setTimeout("ListeCheck()", 1001)
  60. 	} else {
  61. 		setTimeout("ListeCheck()", 100)
  62. 	}
  63. }

  65. </SCRIPT>
  66. </HEAD>

  68. <BODY bgcolor="#FFFFFF" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" >
  69. <FONT FACE="Arial" SIZE='-1' COLOR="navy">
  70. <BR><CENTER>
  71. <BIG><B>Liste déroulante avec recherche par clavier</B></BIG><BR><BR></CENTER>

  73. <BR>
  74. Ce script permet de réduire le contenu d'une liste en tapant le début du libellé.<BR>
  75. Tapez par exemple "a" dans la zone de texte. Tous les pays commençant par A sont affichés dans la liste.<BR>

  77. Tapez "al", les pays Albanie, Algérie et Allemagne restent dans la liste.<BR>
  78. Tapez "all", Allemagne reste seul dans la liste et se sélectionne.<BR>
  79. Si vous videz la zone de recherche, tous les pays ré-apparaissent.<BR>
  80. <BR>
  81. <FORM name=monform>
  82. <INPUT type=text name=search><BR>
  83. <SCRIPT language=javascript>
  84. 	Liste.Afficher();
  85. 	ListeCheck();
  86. </SCRIPT>
  87. </FORM>


ca marche et j'ai donc essayé de l'adapter à ma saucer mais le select s'affiche pas:

jvous montre comment j'ai fait:

  1. <script language=javascript>

  3. var Liste=new CreerListe("pseudo", 5, 200)



  7. function CreerListe(nom, hauteur, largeur) {
  8. 	this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;
  9. 	this.search="";
  10. 	this.nb=0;
  11. 	this.Add=AjouterItem;
  12. 	this.Afficher=AfficherListe;
  13. 	this.Fermer=FermerListe;
  14. 	this.MAJ=MAJListe;
  15. }

  17. function AjouterItem(item,num) {
  18. 	this[num]=item;
  19. 	this.nb++;
  20. }

  22. function AfficherListe() {
  23. 	if (document.layers) {
  24. 		var Z="<SELECT name="+this.nom+" size="+this.hauteur+">";
  25. 	} else {
  26. 		var Z="<SELECT name="+this.nom+" size="+this.hauteur+" style='width:"+this.largeur+"'>";
  27. 	}
  28. /*	for (var i=0; i<this.nb; i++) {
  29. 		Z+="<OPTION value=\""+this[i]+"\">"+this[i]+"</OPTION>"
  30. 	}
  31. */
  32. 	document.write(Z);
  33. }

  35. function FermerListe()
  36. {
  37. 	document.write("</select>");
  38. }

  40. function MAJListe(txt,f) {
  41. 	if (txt!=this.search) {
  42. 		this.search=txt
  43. 		f.elements[this.nom].options.length=0;
  44. 		for (var i=0; i<this.nb; i++) {
  45. 			if ( this[i].substring(0,txt.length).toUpperCase()==txt.toUpperCase() ) {
  46. 				var o=new Option(this[i], this[i]);
  47. 				f.elements[this.nom].options[f.elements[this.nom].options.length]=o;
  48. 			}
  49. 		}
  50. 		if (f.elements[this.nom].options.length==1) {
  51. 			f.elements[this.nom].selectedIndex=0;
  52. 		}
  53. 	}
  54. }

  56. function ListeCheck() {
  57. 	Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])
  58. 	if (document.layers) {
  59. 		setTimeout("ListeCheck()", 1001)
  60. 	} else {
  61. 		setTimeout("ListeCheck()", 100)
  62. 	}
  63. }

  65. </script>

  67. <?
  68. 		$pseudo= mysql_query('SELECT NomUser,NumUser FROM user ORDER BY NomUser ASC') or die (mysql_error());
  69. 	  	while($nom=mysql_fetch_array($pseudo))
  70. 	  	{
  71. 	  		?><script type="text/javascript">Liste.Add(<?= $nom['NomUser']; ?>,<?= $nom['NumUser']; ?>);</script>
  72. 	  		<?
  73. 	  	}
  74. ?>
  75. <form name="search" method="post" />
  76. <input type="text" name="pseudo" size="15" maxlength="30" /><br/>
  77. <SCRIPT language=javascript>
  78. 	Liste.Afficher();
  79. 	Liste.Fermer();
  80. 	ListeCheck();
  81. 	</script></form>


et donc voila la select box s'affiche plus donc si qqn peut m'aider ca srai cool merki davance
commit suicide
Citer ce message
bibi
le 10/12/2004 à 19:23
bibi
désolé j'aurais pu vous épargner 95% des noms de la liste smiley
commit suicide
Citer ce message
bibi
le 10/12/2004 à 20:13
bibi
bon euh g fait des modifications dans le nom des variables

dans le script js , j'ai remplacé monform par recherche que j'ai changé dans la décla de mon form et j'ai changé le nom de mon input en search pour que tout soit cohérent logiquement mais ca foire tjrs
commit suicide
Citer ce message
i M@N
le 12/12/2004 à 19:36
i M@N
Hello !

Je sens gros comme une maison que t'as des champs de ta base avec des caractères spéciaux qui foutent le souk ...
Au lieu de ça :
  1. <?
  2.         $pseudo= mysql_query('SELECT NomUser,NumUser FROM user ORDER BY NomUser ASC') or die (mysql_error());
  3.           while($nom=mysql_fetch_array($pseudo))
  4.           {
  5.               ?><script type="text/javascript">Liste.Add(<?= $nom['NomUser']; ?>,<?= $nom['NumUser']; ?>);</script>
  6.               <?
  7.           }
  8. ?>

Essaye ça :
  1. <?
  2. echo'<script type="text/javascript">';
  3. $pseudo= mysql_query('SELECT NomUser,NumUser FROM user ORDER BY NomUser ASC') or die (mysql_error());
  4.           while($data = mysql_fetch_array($pseudo))
  5.           {
  6. /* on récupère les valeurs qui nous intéressent */
  7. $nom = $data['NomUser'];
  8. $num = $data['NumUser'];
  9. Liste.Add("'.htmlentities($nom).', '.$num.'");
  10.           }
  11. echo'</script>'; 
  12. ?>


@+...
One Love, One Heart, One Unity.
Citer ce message
bibi
le 12/12/2004 à 21:52
bibi
en fait le problème c'est que dans le tableau, ya pas le champ pour le numéro d'utilisateur :s faut que je fasse un tableau 2D
commit suicide
Citer ce message
bibi
le 12/12/2004 à 22:14
bibi
bon en fait j'ai abandonné lol merci kan mm i man
commit suicide
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours