[AJAX] faire apparaître un composant

**argon** · 16/02/2008, 09h59

Bonjour tout le monde

Je souhaiterais afficher un combox suite à une selection sur un autre combox?

Comment puis je faire?

Merci

P.S: pardon, si je m'explique mal.

A +

**argon** · 20/02/2008, 10h30

Bonjour tout le monde.

Avez vous compris ma question ?

Pour être plus clair je veux réaliser un moteur de recherche avec ajax.

Cordialement.

**UNi[FR]** · 21/02/2008, 12h06

par defaut tu met le style de ta ComboBox a hidden

imaginons ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
<html>
   <head></head>
   <body>
   <form>
   <input type="text" name="recherche" id="recherche" />
   <select id="cbb" name="cbb">...</select>
   <input type="button" value="rechercher" id="btnRecherche" />
   </form>
   </body>
</html>

on va venir appliquer un style a ta combobox pour la cacher et l'afficher

dans le head on va ajouter ceci

et par defaut on va mettre ton select avec la class="hide"

ensuite on va ajouter un event a ton bouton ce qui donne :

Code :

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

... id="btnRecherche" onclick="document.getElementById('cbb').className='show'" ...

Edit : je vient de voir que c'est sur une balise select que tu veux l'event

donc remplace mon input button par un select et mon event onclick par onchange

**argon** · 21/04/2008, 10h29

Bonjour tout le monde

Ca ne fonctionne pas, ca s'affiche à l'ouverture.

voici le code

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
 
<Form>
 
<SELECT name="logement" id="btnRecherche" onchange="document.getElementById('cbb1').className='show'">
 
<option style="background-color:yellow">-Type de logement-</option>
 
<option style="background-color:yellow">Maison</option>
 
<option style="background-color:yellow">Appartement</option>
</SELECT>
 
 
<select id="cbb1" name="appart">
 
<option style="background-color:yellow">-type appart-</option>
<option style="background-color:yellow">t1</option>
 
 
</select>
 
 
</form>

et

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
<style type="text/css">
select.hide { 
visibility:hidden;
display:none;
}
select.show {
visibility:visible;
display:;
}
 
</style>

J'igore pourquoi ca ne fonctionne pas.

Peut on le faire sur deux combox

Merci

A +

**UNi[FR]** · 23/04/2008, 17h01

Code :

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

1
2
3
4
5
6
7
<select id="cbb1" name="appart" class="hide">
 
<option style="background-color:yellow">-type appart-</option>
<option style="background-color:yellow">t1</option>
 
 
</select>

oui on peut le faire sur 2 combobox

Code :

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

document.getElementById('cbb1').className='show'

à remplacer par

Code :

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

1
2
3
4
5
function() 
{
document.getElementById('cbb1').className='show';
document.getElementById('cbb2').className='show';
}

**argon** · 28/04/2008, 10h18

Bonjour tout le monde

Ca fonctionne, j'ai d'autres questions, mais je vais me rendre sur le bon forum.

Merci de votre aide.

A +

[AJAX] faire apparaître un composant

JavaScript

Discussions similaires

Partager

Partager