Bonjour,
<button onclick="ClicBouton();">Valider !</button>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| function hideDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'hidden';
}
else { // IE 4
document.all.hideshow.style.visibility = 'hidden';
}
}
}
function showDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'visible';
}
else { // IE 4
document.all.hideshow.style.visibility = 'visible';
}
}
} |
J'ai ajouté ceci pour le bouton et on peux voir que le bouton a bien sélectionné les div mais je n'arrive pas a faire en sorte qu'il cherche dans le dossier les images associées (carto-beta1.html?boite1=4&boite2=detaille).
Code final
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
| <html>
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Speed Cartographie</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<form name="formulaire">
<div align="center">
<!-- Boite de dialogue 1 pour les echanges -->
<select name="boite1" size="10" multiple="multiple">
<option selected>....::Choisissez un échange::....</option>
<option value="1">Echange 1</option>
<option value="2">Echange 2</option>
<option value="3">Echange 3</option>
<option value="4">Echange 4</option>
<option value="5">Echange 5</option>
<option value="6">Echange 6</option>
<option value="7">Echange 7</option>
<option value="8">Echange 8</option>
<option value="9">Echange 9</option>
<option value="10">Echange 10</option>
</select>
<!-- Boite de dialogue 2 pour Général ou détaillé -->
<select name="boite2" size="10" multiple="multiple">
<option selected>....::Choisissez une cartographie::....</option>
<option value="general">Général</option>
<option value="detaille">Détaillé</option>
</select>
<br/><br/>
<!-- Boutton pour valider les critères et afficher l'image dans le cadre-->
<button onclick="ClicBouton();">Valider !</button>
<script type="text/javascript">
function hideDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'hidden';
}
else { // IE 4
document.all.hideshow.style.visibility = 'hidden';
}
}
}
function showDiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'visible';
}
else { // IE 4
document.all.hideshow.style.visibility = 'visible';
}
}
}
</script>
<!-- Cadre affichant l'image selectionné avec les critaires 1 & 2 -->
<table name="image" border="2" height="50%" width="50%">
<div align="center">
<td> Image Carto </td>
</div>
</table>
</div>
</form>
</body>
</html> |
Si j'ai bien compris je doit faire cette phrase en javascript.
SI value="1" est sélectionné et SI value="general" est sélectionné ALORS afficher dans name="image" l'image 1.jpg du dossier Carto\images\general.
Et ce pour chaque possibilité de sélection.
Partager