[AJAX] Liste avec si select "autre" ouvre un div pour ajouter option

Version imprimable

05/11/2006, 05h27
gandalf76fr

[AJAX] Liste avec si select "autre" ouvre un div pour ajouter option

Bonjour,

Je me présente : William, Infirmier en anesthésie.

Suite à une demande médicale de notre département d'anesthésie, Laurent, un collègue infirmier anesthésiste et moi même, ayant tous 2 les connaissance nécéssaires, avons developper un site internet :

http://www.dar-saint-louis.fr

Nos connaissances se limitent à : xhtml/css/php/mysql

Or depuis le developement de ce site et d'un back office sécurisé pour en gerer certaines parties, d'autre projet se greffent dessus.

Pour le moment je suis chargé d'un projet d'informatisation de consultations d'anesthésie.

Or je suis confronté à un problème :
Sur certaines liste dans un formulaire, il doit etre possible de pouvoir ajouté des options qui s'enregistreront dans la liste et devriendrons selectionnables.

Rien de vaut un exemple :
Liste Allergie :
Pollen
crustacé
pénicilline
.....
Autre
Il faudrait que si l'anesthésiste selectionne "Autre", Un div s'affiche permetant d'enregistrer les informations nécéssaires dans la bdd (donc un type d'allergie non présent dans la liste) et qu'une fois l'enregistrement fait, il puisse retrouver dans la liste le nouvel enregistrement qu'il vient de creer et le selectionne.
Le tout sans recharger la page.
Sachant qu'il y aura beaucoup de liste de ce type dans cette page.

D'après les recherche que j'ai put faire, la solution viendrait d'AJAX.
Mais comme vous pouvez le deviner dans les compétence que nous possédons, il n'y a ni l'AJAX, ni le javascript.

Je dois donc avouer que je ne sais pas faire.

Malgrès pas mal de recherche, j'ai trouvé plein d'info sur les listes et les formulaires en ajax, avec notemment comment lier des listes ...
Mais helas aucune infos sur ce que je souhaite faire.

Donc j'ai plusieures question :
- Est-ce faisable (je pense que oui, mais bon on ne sait jamais) ?
- Est-ce que je m'oriente bien en cherchant du coté de AJAX pour la solution ?
- Avez vous des liens à me donner qui pourrais m'aider dans ce problème ?
- Eventuelement pouvez vous m'expliquer comment réaliser cet ajout en cas de selection de autre ?

Merci deja d'avoir lut ce long message.

Et merci d'avance de l'aide que vous pourrez m'apporter.

Cordialement
William (un infirmier qui à hate de vous lire:lol: ).
06/11/2006, 13h08
FapInfo

je vous ai envoyé un MP
:D

Bonjour

il faut creer une div contenant une text box de classe hidden, celle-ci devient visible lors du choix autre et ainsi l'on peut rajouter des informations qui seront intégrer dans ta base lors de la validation. Ta div redeviendra invisible aprés le validation. j'ai deja fait ça avec un affichage de bouton radio.

une partie du code en exemple.
Code:

1 2 3 4 5 balise("DIV id='div_stage' width='$width' style='float:left' Class='radio Hidden' "); $formulaire->generate_input_field("RADIO","sortie",array('id'=>"lundi",'onclick'=>"mise_jour();",'value' => "Lundi")); echo"Lundi<br>";
Code:

1 2 3 4 5 6 7 8 if (jtype == 'Stage') { document.getElementById('div_stage').className='radio'; } else { document.getElementById('div_stage').className='Hidden';
juste pour donner la base
bonne chance

Bonjour,

j'ai réussit à faire apparaitre la box si "autre" est sélectionné dans la liste select (bon j'avoue on m'as beaucoup aider sur ce coup la).

Par contre ce que je n'arrive pas à faire c'est à faire traiter par php la nouvelle variable et recharger la liste sans recharger la page. Traitement php : insert nouveau champ dans la table. Puis rechargement de la liste.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
script>
                function la_valeur_a_changer(sel) {
                        if (sel.options[sel.selectedIndex].value == "-1") {
                                document.getElementById('c1').style.display = 'inline';
                        } else {
                                document.getElementById('c1').style.display = 'none';
                        }
                }
                window.onload = function() {
                        document.getElementById('c1').style.display = 'none';
                }
                </script>
        </head>
        <body>
                <select id="l1" name="l1" onChange="la_valeur_a_changer(this)">
                        <option value="1">Pomme</option>
                        <option value="2">Peche</option>
                        <option value="3">Poire</option>
                        <option value="-1">Autre...</option>
                </select>
                <input type="text" name="c1" id="c1" />
<?php

avez vous une idée svp?

P.S : sachant que je ne connait rien à java mais que je me débrouille en html/css/php/mysql.

Merci d'avance.

10/11/2006, 10h41
garfield657

Ce tutoriel devrait t'aider
http://dcabasson.developpez.com/arti...as-a-pas/#L2-B
10/11/2006, 16h24
gandalf76fr

C'est bon, j'ai trouvé la solution :

http://www.dar-saint-louis.fr/test.php

Par contre vu la longueur de certaines liste, ton lien sur l'autocomplétion m'interesse beaucoup.

merci