Discussion :

[raul_le_vieux]

Bonjour a tous

Dans une balise div, je veux manipuler l insersion d une image a l'aide d'une fonction javascript et une Select menu.
Pour etre plus claire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<select name="chartSel" id="chartSel" multiple  ondblclick="javascript:display();">
<option id="loads.gif">number of loads / week</option>
<option id="prio.gif">number of priority loads / week</option>
<option id="redo.gif">number of Redo loads / week</option>
</select>

L image selectionee doit etre affichee dans ce div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="myChart" >
<src ....
</div>

pourriez vous me proposer un code pour la fonction diplay
Merci d'avance

[Sancho_54]

Ce que je peux te proposer c'est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function display(){
   var src = document.getElementById('chartSel').value;
   document.getElementById('id_de_ton_image').src = src;
}

Met value a la place de id dans tes balise option et utilise la balise img a la place de la balise src, puis dans cette balise img met un attribut src qui va etre la source de ton image (chemin de l'image)
Voila tiens moi au courant

[raul_le_vieux]

Merci bien Sancho_54
ca marche!!!

je met le code si quequ'un en aura besoin un jour

voici le select form:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<select name="chartSel" id="chartSel" multiple  ondblclick="javascript:display();">
<option  value="./img/load.gif">number of loads </option>
<option value="./img/prio.gif">number of priority loads </option>
<option value="./img/redo.gif">number of Redo loads </option>
</select>

et voici mon div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="pic">
<img id="graph" src="" width="400" height="400" border="0"/>
</div>

et voici la fonction display()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function display(){
   var src = document.getElementById('chartSel').value;
   document.getElementById('graph').src = src;
}