Discussion :

[Super_carotte]

Bonjour,

Je cherche a faire une toute simple liste déroulante dont les données sont récupérées en BDD oracle.

Ce qui m’étonne c'est que j'ai trouvé des dizaines d'exemples pour les fameuses listes déroulantes liées, mais pas pour une simple liste déroulante.

Pour réaliser ce résultat, (avec le peu de conaissance que j'ai en javascript), j'avai pensé a:

1- Créer un code en php qui créerai ma liste deroulante. Puis, je recupererai cette liste dans une variable javascript pour l'utiliser.
Exemple PHP:

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
    <?php
    $con = mysql_connect("localhost", "root", "tototo"); 
    if (!$con)
    {
    die('Could not connect: ' . mysql_error());
    }
    mysql_select_db("phporg", $con);
    $query = mysql_query("SELECT * FROM service");
    $liste = '<select>';
    while ($result = mysql_fetch_assoc($query)) {
    $liste .= '<option value="'.$result['lib_service'].'">'.$result['lib_service'].'</option>';
    }
        $liste .= '</select>';
        echo $liste;
    mysql_close($con);
     
    ?>

Donc je n'aurai plus qu'a recuperer la valeur de la variable $liste dans une variable javascript.

Mais je me demandai s'il étai possible d'en faire plus via du javascript. Donc de ne plus (ou quasi plus) utiliser du php (bien que je sois au courant que javascript soit coté client et php coté serveur)?

Merci,
Benjamin.

[Invité]

1- Créer un code en php qui créerai ma liste deroulante.

Ca, tu sais faire.

2- Puis, je recupererai cette liste dans une variable javascript pour l'utiliser.

La question est : pour quoi faire ? (tu ne précises rien sur tes objectifs)
- récupération pour traitement ajax ? (affichage sans rechargement de la page)
- ... ?

[SpaceFrog]

regarde du coté d'ajax et de l'autocompletion...
http://siddh.developpez.com/articles/ajax/
entre autre ...

[Invité]

recuperer la valeur de la variable $liste dans une variable javascript.

avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<select id="idcetteliste" name="cetteliste" onchange="action_a_faire(this.value);">

[Super_carotte]

Autant pour moi, je vais etre plus clair:
J'ai un formulaire qui s'affiche sous forme d'un pop-up javascript:

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
createAddServicePopup:function(){
	    this.getParent().getOrganigramme().createPopup(tabLang.newservice_popup_title);
 
        var tabHtml = [];
        tabHtml.push('<form name="addservice" id="addservice" action="submit.php" method="post" onsubmit="createService(); return false;" dojoType="organigramme.widget.form">');
        tabHtml.push('<input type="hidden" name="op" value="createservice" />');
        tabHtml.push('<input type="hidden" name="membreid" value="-1" />');
        tabHtml.push('<input type="hidden" name="parentid" value="'+this.dbid+'" />');
        tabHtml.push('<input type="hidden" name="organigrammeid" value="'+this.getParent().getOrganigramme().getDbId()+'" />');
 
		tabHtml.push('<input type="hidden" name="color" value="#000000" />');
		tabHtml.push('<input type="hidden" name="display_vertical" value="1" />');
		tabHtml.push('<input type="hidden" name="opened" value="0" />');
 
        tabHtml.push('<table>');
        tabHtml.push('	<tr>');
        tabHtml.push('		<td><label for="name">'+tabLang.title_service_label+' Artemis: </label></td>');
        tabHtml.push('		<td><input type="text" name="service" id="service"></td>');
        tabHtml.push('	</tr>');
        tabHtml.push('	<tr>');
        tabHtml.push('		<td><label for="name">'+tabLang.detail_service_label+': </label></td>');
        tabHtml.push('		<td><input type="text" name="lib" id="lib"></td>');
        tabHtml.push('	</tr>');
 
        tabHtml.push('	<tr>');
        tabHtml.push('		<td><label for="name">'+tabLang.backgroundcolor_service_label+': </label></td>');
		tabHtml.push('			<td>');
		tabHtml.push('				<select name="bgcolor" class="input">');
        tabHtml.push('      			<option value="#B6DBFF" selected>Le service aura des fils</option>');
        tabHtml.push('      			<option value="#DAFFDA">Le service n\'aura pas de fils</option>');
	    tabHtml.push('     			</select>');
		tabHtml.push('	</tr>');
 
 
        tabHtml.push('	<tr>');
        tabHtml.push('		<td colspan="2" align="center">');
        tabHtml.push('			<button type="button" id="createservicebutton">'+tabLang.ok_button+'</button><button type="button" id="cancelservicebutton">'+tabLang.cancel_button+'</button></td>');
        tabHtml.push('	</tr>');
        tabHtml.push('</table>');
        tabHtml.push('</form>');
 
	    this.getParent().getOrganigramme().popup.attr('content',tabHtml.join(''));
	    this.getParent().getOrganigramme().popup.show();
 
        dojo.connect(dojo.byId('createservicebutton'), 'onclick', this, 'insertServiceDb');
        dojo.connect(dojo.byId('cancelservicebutton'), 'onclick', this.getParent().getOrganigramme().popup, 'hide');
    }

Mais a l'endroit ou il y a un champs texte pour que l'utilisateur indique le nom de son groupe, je souhaierai desormais afficher une liste deroulante avec des valeures tirées d'une BDD afin d'eviter les erreures de saisie.

Il me faudrait donc une affchage de la liste deroulante (et j'imagine un passage de requete) en code javascript.

Merci pour votre aide,
Benjamin.

[andry.aime]

Mais a l'endroit ou il y a un champs texte pour que l'utilisateur indique le nom de son groupe, je souhaierai desormais afficher une liste deroulante avec des valeures tirées d'une BDD afin d'eviter les erreures de saisie.

Il me faudrait donc une affchage de la liste deroulante (et j'imagine un passage de requete) en code javascript.

regarde du coté d'ajax et de l'autocompletion...
http://siddh.developpez.com/articles/ajax/
entre autre ...