Discussion :

[Le M�rovingien]

Bonjour, je suis un vrai d�butant en javascript, moi c'est plutot le php mon truc.
Mon projet est de cr�er une page pour ajouter des livres dans une biblioth�que. J'ai une table avec les auteurs, et je voudrais pouvoir s�lectionner dans une liste l'auteur du livre � ajouter s'il est d�ja dans la table, et le taper � la main s'il n'existe pas encore. La cr�ation de la liste � partir de la table ne pose pas de probl�me. Je voudrais au final obtenir une liste d�roulante comme celles pour s�lectionner la taille du texte dans word par exemple : on s�lectionne dans la liste ou on tape soit meme la taille. Je ne sais pas si c'est possible, mais je pense que oui.

Merci d'avance, si vous avez la solution, expliquez bien svp, parce que je suis vraiment nul en javascript

[Eric Berger]

Merci de ne pas poster le m�me message dans plusieurs forums!!!

[FremyCompany]

Son nom est AJAX autocompletion PAS a PAS.

Bonne lecture

[FremyCompany]

Merci de ne pas poster le m�me message dans plusieurs forums!!!

Euh... Ca d�pend, si il ne sait pas comment s'y prendre, il peut essayer de voir dans diff�rents langages... Dans ce cas, il est excus�, non ?

[Eric Berger]

Euh... Ca d�pend, si il ne sait pas comment s'y prendre, il peut essayer de voir dans diff�rents langages... Dans ce cas, il est excus�, non ?

Postez dans le bon forum
Lisez la liste de tous les forums pour bien choisir, postez votre message dans un seul forum (Le Multipost est interdit). Avant de poster, lisez la note en haut du forum expliquant les conditions d'utilisation du forum.

Y'a pas mort d'homme, bien-sur

[Le M�rovingien]

Heu, s'il vous plait, vous battez pas pour moi, je n'en vaut pas la peine

Merci Fremy, �a doit pouvoir marcher avec AJAX, mais moi je voulais un truc simple � faire en une heure lol. Enfin si y'a pas autre chose, je ferais comme �a, mais, l�, pffffff.

Remarque, �a fait dej� un bout de temps que je me dis qu'il ya quelque chose � faire avec le httprequest, dommage que je n'ai pas vraiment le temps de m'y mettre.

[Eric Berger]

Le plus simple c'est de le faire avec deux champs... c'est bien plus simple...

PS:FremyCompany>>Je ne vois pas bien en quoi Ajax peut �tre utile ici?!?

[FremyCompany]

Le plus simple c'est de le faire avec deux champs... c'est bien plus simple...

PS:FremyCompany>>Je ne vois pas bien en quoi Ajax peut �tre utile ici?!?

Lis le tuto alors
Une petite recherche google avec son nom (que j'ai donn� plus haut, et le tour est jou�.

Le code est d�j� tout pret, il n'y a que le PHP � implementer.
(+Attribuer les bon champs au JS)

Utiliser Une liste et une textbox avec une checkbox pour determiner laquelle est utilis�e, pourquoi pas, mais c'est pas tr�s est�tique, ni tr�s pratique d'ailleurs...

[Eric Berger]

Lis le tuto alors

Mais c'est long! h�h�...
En fait je l'avais d�j� parcouru... c'est vrai que visuellement c'est ce que souhaite notre ami Le M�rovingien.

Par-contre, ajax n'est pas forc�ment n�cessaire si la liste en question est courte, elle peut �tre charg�e en une fois avec la page (avec ajax c'est aussi une bonne solution, mais plus complexe).

Utiliser Une liste et une textbox avec une checkbox pour determiner laquelle est utilis�e, pourquoi pas, mais c'est pas tr�s est�tique, ni tr�s pratique d'ailleurs...

Je te l'accorde, c'est la plus simple et la moins �l�gante...

[FremyCompany]

Mdrr, tu as d�j� vu une liste d'auteur qui �tait courte ?
Lol, je te charrie un peu sur ce coup la.
Que veux-tu c'est dans ma nature : toujours avoir le dernier mot (lol)

[Eric Berger]

Mdrr, tu as d�j� vu une liste d'auteur qui �tait courte ?
Lol, je te charrie un peu sur ce coup la.
Que veux-tu c'est dans ma nature : toujours avoir le dernier mot (lol)

Le fait que j'aie le m�me trait de caract�re que toi explique certainement la longueur de ce thread

[Le M�rovingien]

Merci de vous passionner pour mon probl�me, juste comme �a, pourquoi le fait que la liste soit longue ou courte a t'il de l'importance ? Moi c'est un script pour ma biblioth�que, qui tourne uniquement en local, donc si c'est un probl�me de temps d'execution, alors allez y bourin !

[Eric Berger]

Merci de vous passionner pour mon probl�me, juste comme �a, pourquoi le fait que la liste soit longue ou courte a t'il de l'importance ? Moi c'est un script pour ma biblioth�que, qui tourne uniquement en local, donc si c'est un probl�me de temps d'execution, alors allez y bourin !

Ajax permet de ne charger que les �l�ments qui correspondent au texte que tu as d�j� tapp�. Si ta liste contient des milliers d'�l�ments, avec ajax, tu chargera au moment o� le texte est saisi, uniquement les �l�ments correspondants, mettons une dizaine par exemple...

[Le M�rovingien]

Oui, je viens de comprendre �a avec l'exemple de google, mais ce n'est pas �a que je recherche, moi je voulais une liste avec tous les auteurs charg�e au d�part, et une possibilit� pour en ajouter un s'il n'existe pas encore, je l'insererais alors dans la table des auteurs pour la fois suivante. Je me contenterais d'un bouton "nouveau" par exemple qui remplace le <select> par un <input text> au meme endroit. (c'est un projet perso, pas besoin que �a soit beau, et la liste n'est pas enorme)
Par contre, ajax est un truc super et je pense me pencher dessus d�s que je serai en vacances (encore une semaine, gnnnn����� !)

[Eric Berger]

dans ce cas un bouton ou un lien qui affiche l'un ou l'autre des champs (en changeant l'attribut de style display des �l�ments) devrait faire l'affaire. Tu vois comment ou tu as besoin d'un exemple?

[Le M�rovingien]

J'ai besoin d'un exemple !!! Je suis vraiment nul en js, dsl

Pour l'instant mon code donne un truc comme �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<form action="insert_livre.php?action=add" method="POST">
<table width="90%" align="center" border="2">
   <tr><td><b>Titre :</b></td><td width="100"><input type="text" name="titre" size="100" maxlength="100"></td></tr>
   <tr><td><b>Auteur : </b></td><td width="100"><input type="text" name="auteur" size="100" maxlength="60"></td></tr>
   <tr><td><b>Collection :</b></td><td width="100"><input type="text" name="collec" size="100" maxlength="60"></td></tr>
</table>
<br />
<center><input type="submit" value="ajouter le livre"></center>
</form>

Normalement c'est des select a la place des input pour auteur et collection, et je voudrai remettre les input s'il n'y a pa l'auteur ou la collection d�sir� en cliquant sur un bouton ou un lien.

Merci d'avance.

[Eric Berger]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<form action="insert_livre.php?action=add" method="POST">
<table width="90%" align="center" border="2">
   <tr><td><b>Titre :</b></td><td width="100"><input type="text" name="titre" size="100" maxlength="100"></td></tr>
   <tr><td><b>Auteur : </b></td><td width="100"><input type="text" name="auteur" id="auteur" size="100" maxlength="60" style="display:none"><select name="sAuteur" id="sAuteur" style="display:bloc"><option value="1">auteur 1</option><option value="2">etc...</option></td></tr>
   <tr><td><b>Collection :</b></td><td width="100"><input type="text" name="collec" size="100" maxlength="60"></td></tr>
</table>
<br />
<center><input type="submit" value="ajouter le livre"></center>
</form>

Et ton bouton d�clanche cette fonction:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
function switchAuteur(){
  champTexte = document.getElementById("auteur");
  champSelect = document.getElementById("sAuteur");
 
  if(champTexte.style.display == "none"){
    champTexte.style.display = "bloc";
    champSelect.style.display = "none";
  }
  else{
    champTexte.style.display = "none";
    champSelect.style.display = "bloc";
  }
}

J'ai pas test�, j'�sp�re que �a fonctionne

[FremyCompany]

Moi, ca me semble bon ton code

[Eric Berger]

Il manque encore une info, potentiellement, on peut selectionner dans la liste, puis switcher et saisir du texte... quand on poste, on ne sait pas quelle est la bonne info.

Pour r�soudre �a, lorsqu'on switch, il faut mettre � jour un champ cach� du genre ajoutAuteur avec une valeur 0 ou 1 selon si le select est actif ou le texte.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function switchAuteur(){
  champTexte = document.getElementById("auteur");
  champSelect = document.getElementById("sAuteur");
  champEtat = document.getElementById("eAuteur"); 
  if(champTexte.style.display == "none"){
    champTexte.style.display = "bloc";
    champSelect.style.display = "none";
    champEtat.value = "1";
  }
  else{
    champTexte.style.display = "none";
    champSelect.style.display = "bloc";
    champEtat.value = "0";
  }
}

[Le M�rovingien]

merci beaucoup, je n'ai pas le temps de tester, j'espere pouvoir le faire ce soir, je ne serai pas l� cette semaine donc au pire je vous tiens au courant la semaine prochaine.

@++