Je suis assez débutant dans le codage javascript.
J'ai un formulaire avec des données qui change selon qu'elles sont métriques ou impérial En sélectionnant avec deux boutons radio. Mon code fonctionne très bien. Sauf que je veux ajouter une fonction qui fait que j'ai 3 images qui changent en meme temps que les données. Par exemple je choisi le bouton impérial, j'affiche les images qui sont associé au bouton impérial
Comment dois-je m'y prendre de façon simple sans défaire ce que j'ai déjà faitJ'ai essayé d'ajouter element[image] mais le problème c'est que les images ne reviennent pas si je reviens sur le premier bouton radio sélectionné.
Voici mon code:
<script language="JavaScript">
<!--
function WEchangeUnitOfMeasure() {
document.tableausalle.Super200.value = '1';
document.tableausalle.Dim200.value = '2';
document.tableausalle.Haut200.value = '3';
document.tableausalle.elements["image1"].src="dimensions.gif";
document.tableausalle.elements["image2"].src="superficie.gif";
document.tableausalle.elements["image3"].src="hauteur.gif";
}
function WeToggleUnitOfMeasure() {
if (document.tableausalle.UnitOfMesure(0).checked)
{
WEchangeUnitOfMeasure();
document.tableausalle.UnitOfMesure(0).checked = false;
document.tableausalle.UnitOfMesure(1).checked = true;
} else {
document.tableausalle.reset();
}
}
-->
</script>
<BR>
<form name="tableausalle">
<a href="javascript:void(null);" onClick="javascript:WeToggleUnitOfMeasure();" >Unité
de mesure</a><input type="radio" name="UnitOfMesure" value="Metric" checked onClick="Javascript:document.tableausalle.reset();">
<span class="text-bl-small">metre</span>
<input type="radio" name="UnitOfMesure" value="Imperial" onClick="Javascript:WEchangeUnitOfMeasure();">
<span class="text-bl-small">pieds</span><br><br><br>
<input type="text" size="17" name="Dim200" value="8" READONLY>
<input type="text" size="7" name="Super200" value="9" READONLY>
<input type="text" size="7" name="Haut200" value="10" READONLY>
<IMG SRC="../../img/centre/salles/tableau/dimensions_new.gif" WIDTH="96" HEIGHT="72" name="image1">
<IMG SRC="../../img/centre/salles/tableau/superficie_new.gif" WIDTH="42" HEIGHT="72" name="image2">
<IMG SRC="../../img/centre/salles/tableau/hauteur_new.gif" WIDTH="45" HEIGHT="72" name="image3">
</form>
Merci