[AJAX] faire apparaître un composant

Version imprimable

16/02/2008, 09h59
argon

[AJAX] faire apparaître un composant

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 +
20/02/2008, 10h30
argon

Bonjour tout le monde.

Avez vous compris ma question ?

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

Cordialement.

par defaut tu met le style de ta ComboBox a hidden

imaginons ceci
Code:

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

Citation:

<style type="text/css">
select.hide {
visibility:hidden;
display:none;
}
select.show {
visibility:visible;
display:;
}
</style>

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:

... 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

Bonjour tout le monde

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

voici le code

Code:

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>

Code:

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 +

Code:

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:

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

à remplacer par

Code:

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

28/04/2008, 10h18
argon

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 +