Javascript

Fetide68 -  
jona303 Messages postés 369 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je suis débutant en javascript et je m'entraîne depuis peu sans relâche.

J'essaie de faire une fonction qui me permettrait d'afficher certaines informations en fonction d'un élément d'une liste de choix... :

le Html:

<form name="formulaire">
<select name="commune">
<option>Paris</option>
<option>Autres</option>
</select>
<input type="button" name="valider" value="ok" onClick="afficherVille" />
</form>


<div name="paris" onLoad="this.vilibility='hidden';">Salut Paris</div>
<div name="autres" onLoad="this.vilibility='hidden';">Salut les Autres</div>
<div name="ville"></div>
-----
et le javascript :

function afficherVille(){
if (document.formulaire.commune.selected == "Paris"){
document.ville.innerHTML = document.paris;
}
else if (document.formulaire.commune.selected == "Autres"){
document.ville.innerHTML = document.autres;
}
}

3 réponses

jona303 Messages postés 369 Date d'inscription   Statut Membre Dernière intervention   28
 
Salut,
dans l'html je mettrais plutot
<form name="formulaire" onChange="afficherVille(this)">
<select name="commune">
<option>Paris</option>
<option>Autres</option>
</select>

</form> 

<div id="Paris" onLoad="this.vilibility='hidden';">Salut Paris</div>
<div id="Autres" onLoad="this.vilibility='hidden';">Salut les Autres</div>
<div name="ville"></div> 

et dans le js
function afficherVille(oElem){
var qui = oElem.value;
document.getElementById(qui).style.visibility='visible';
}


si j'ai bien compris ce que tu essayes de faire :)
0
Fetide68
 
Merci de ta réponse,

En fait, je voudrais que Salut Paris soit afficher, lorsque Paris est sélectionné, 'Salut Paris' s'affiche et pas l'autre, or j'ai les deux éléments affichés en permanence…

Au pire des cas, je peux toujours faire en sorte que si Paris est selectionné, alors je vais à une page paris.html, etc...

Je ne maîtrise pas encore le sql et php... lol. Chaque chose en son temps.
0
jona303 Messages postés 369 Date d'inscription   Statut Membre Dernière intervention   28
 
oui, pardon j'avais mal lu,
met plutot dans ton html

<div id="Paris" style="visibility:hidden;">Paris </div>
0