Javascript
Fetide68
-
jona303 Messages postés 369 Date d'inscription Statut Membre Dernière intervention -
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;
}
}
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
Salut,
dans l'html je mettrais plutot
et dans le js
si j'ai bien compris ce que tu essayes de faire :)
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 :)
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.
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.