IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    64
    D�tails du profil
    Informations personnelles :
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 64
    Par d�faut [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 ).

  2. #2
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    5
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 5
    Par d�faut
    je vous ai envoy� un MP

  3. #3
    Invit� de passage
    Inscrit en
    Novembre 2006
    Messages
    1
    D�tails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 1
    Par d�faut
    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 php : S�lectionner tout - Visualiser dans une fen�tre � part
    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 js : S�lectionner tout - Visualiser dans une fen�tre � part
    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

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    64
    D�tails du profil
    Informations personnelles :
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 64
    Par d�faut
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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.

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Ao�t 2002
    Messages
    40
    D�tails du profil
    Informations personnelles :
    �ge : 46
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2002
    Messages : 40

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    64
    D�tails du profil
    Informations personnelles :
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 64
    Par d�faut
    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

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 1
    Dernier message: 29/05/2010, 18h22
  2. [STRUTS] liste d'un forumaire avec pr� selection
    Par haderach dans le forum Struts 1
    R�ponses: 4
    Dernier message: 17/03/2006, 12h10
  3. rafraichir une liste avec un <SELECT>
    Par karibouxe dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 20/02/2006, 09h05
  4. Formulaire avec liste bas�e sur une autre table
    Par sabotage dans le forum Langage SQL
    R�ponses: 6
    Dernier message: 10/08/2005, 13h43
  5. pb d'insertion avec un SELECT sur une autre table
    Par epeichette dans le forum Requ�tes
    R�ponses: 3
    Dernier message: 03/01/2005, 22h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo