|
|
|
|
Bonjour,
Voilà, j'ai réalisé une liste à checkbox (4 choix) qui propose des types d'hébergements:
- locations de vacances
- locations mensuelles
- ventes immobilières
- hotels-campings
...et une liste déroulante en dessous qui affichera le type de biens en fonction du choix qui aura été fait.
Par exemple, si je coche la case "locations de vacances" dans le menu déroulant j'aurais "appartement", "maison"...tandis que si je clique sur "hotels-camping" j'aurais "mobil home", "chambre d'hotels"...
Comme vous l'avez peut-être déjà compris, ce que je souhaiterais, c'est que, lorsqu'une case est cochée, la liste déroulante en dessous affiche les options (autrement dit les types de biens) propres à cette case, sachant en plus que les données concernant les types de biens sont à aller chercher dans une base de données.
Pouvez-vous m'expliquer juste comment procéder, j'ai quelques notions des javascript, php, et sql mais pas assez pour me dépatouiller de ce problème.
Merci à l'avance pour vos réponses ^^
Configuration: Windows XP Internet Explorer 7.0
Bonjour
<script>
function list(liste,y){
var phrase = liste;
var vecteur = phrase.split(";");
var text = "<select>";
for (i = 0; i<y; i++){
text+='<option value='+vecteur[i]+'>'+vecteur[i]+'</option>';
}
text+="</select>"
document.getElementById(5).innerHTML = text;
}
function disable(y){
for (var i=1; i<=4; i++) {
if (i!=y){
document.getElementById(i).checked=false;
}
}
}
</script>
<input type="checkbox" onclick="list('appart;maison;tente;camping',4);disable(1);" id="1">- locations de vacances
<input type="checkbox" onclick="list('appart;maison',2);disable(2);" id="2">- locations mensuelles
<input type="checkbox" onclick="list('appart;maison;villa;chalet',4);disable(3);" id="3">- ventes immobilières
<input type="checkbox" onclick="list('chambre;chalet;caravane;tente;camping',5);disable(4);" id="4">- hotels-campings
<div id="5"></div>
il ne te reste plus qu'a remplacer les liste de type de logement en les separant bien par un point virgule ; :) Adns Hacker Vaillant Rien D'Impossible !!! Le Monde du partage Remplacera le partage du monde |
Répondre à adns
|
Reuh
<script>
function list(liste,y,j){
var decale = (j-1)*210;
if (y == 1)
margin = "";
else
margin = "style=margin-left:"+decale+"px";
var phrase = liste;
var vecteur = phrase.split(";");
var text = "<select "+margin+">";
for (i = 0; i<y; i++){
text+='<option value='+vecteur[i]+'>'+vecteur[i]+'</option>';
}
text+="</select>"
document.getElementById(5).innerHTML = text;
}
function disable(y){
for (var i=1; i<=4; i++) {
if (i!=y){
document.getElementById(i).checked=false;
}
}
}
</script>
<table>
<tr>
<td width = "200px" ><input type="checkbox" onclick="list('appart;maison;tente;camping',4,1);disable(1);" id="1">- locations de vacances</td>
<td width = "200px" ><input type="checkbox" onclick="list('appart;maison',2,2);disable(2);" id="2">- locations mensuelles</td>
<td width = "200px" ><input type="checkbox" onclick="list('appart;maison;villa;chalet',4,3);disable(3);" id="3">- ventes immobilières</td>
<td width = "200px" ><input type="checkbox" onclick="list('chambre;chalet;caravane;tente;camping',5,4);disable(4);" id="4">- hotels-campings </td>
</tr>
</table>
<div id="5"></div>
Adns Hacker Vaillant Rien D'Impossible !!! Le Monde du partage Remplacera le partage du monde |