<html> <head> <script type="text/javascript"> /** * Changement de devise * * @param _select * Select sur lequel s'appuyer pour determiner la bonne iframe à afficher/masquer. */ function changementType(_select) { // Récupération de la valeur sélectionnée. var type = _select.value; // Type d'affichage pour la devise anglaise(block/none). // L'affichage de la devise Euro sera l'inverse, si on _gbpDisplay == "block" alors cache l'iframe Euros. var _gbpDisplay; // passage par un switch plutôt qu'une série de if. switch (type){ case "Euros": //cache l'iframe GBP _gbpDisplay = "none"; break; case "GBP": // montre l'iframe GBP _gbpDisplay = "block"; break; } /** * Petite note: le switch ci desssus peut être parfaitement remplacé par cette ligne: * _gbpDisplay (type "Euros")? "none": "block"; * Mais d'un point de vue lisibilité le swich est plus approprié, * D'un point de vue poid de page, c'est l'expression ternaire ci-dessus qu'il faut privilégier. */ // applique le style déterminé si dessus au contrôle concerné. document.getElementById("GBP").style.display=_gbpDisplay; // si le GBP est affiché, Euro est caché et inversement. document.getElementById("Euros").style.display=(_gbpDisplay == "block") ? "none": "block"; } </script> </head> <Form> <select name="type" id="type" onchange="changementType(this);"> <option value="Euros">Euros</option> <option value="GBP">GBP</option> </select> </Form> </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question