appel de fonction à partir d'une image activer/desactiver

Version imprimable

23/08/2005, 15h04
philippe123

appel de fonction à partir d'une image activer/desactiver

salut,

j'ai une image qui lance une fonction javascript(un calendrier) pour renseigner une zone de texte "fingarantie"

Code:

<img src="Images/date_2.gif" width="18" height="20" border="0" align="absbottom" onClick= "return showCalendar('fingarantie', 'dd/mm/y');">

j'aimerais ko lancement de la page l'image n'est pas d'effet (pas de lancement de fonction) et quand j'appuis sur un bouton, kelle soit activée.
une sorte de readonly=true/false pour image

Code:

<input type="button" name="Submit2" value="Modifier" enabled onClick="JavaScript:document.getElementById(images????).readOnly=false">

merci
23/08/2005, 15h09
denisC

Re: appel de fonction à partir d'une image activer/desactive

Si tu as juste cette évenement sur l'image, tu peux simplement detacher et accrocher l'évenement onclick

Code:

<img src="Images/date_2.gif" ... id="idImage">

Puis pour mettre en place l'event handler de ton image

Code:

<input type="button" name="Submit2" value="Modifier" onClick="document.getElementById('idImage').onclick=function(){return showCalendar('fingarantie', 'dd/mm/y');}">

A priori, ça devrait le faire :wink:

:salut:

tu peux definir dynamiquement le onclick de l'image :

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function activerImage(idImage)
{
    document.getElementById(idImage).onclick = "return showCalendar('fingarantie', 'dd/mm/y');";
}
</script>
...
<img id="imageActive1" ... />
<input type="button" onclick="activerImage('imageActive1')" />

ps : arf, encore grillé :x

23/08/2005, 15h13
10-nice

15-0, service DenisC

(pouvez éffacer ce post les modos hein ;p)
23/08/2005, 15h15
philippe123

merci torvalds17 ta solution me parait bien. j'avais pas penser à me servir des ids des images

parcontre pour le ps 8O

merci kan meme 10-nice

@ +
23/08/2005, 15h32
denisC

Citation:

Envoyé par 10-nice

15-0, service DenisC

Enfin, en même temps, aujourd'hui, Mathieu m'a déjà grillé 25 fois....

attention c'est le giga banco !

j'ai un tout petit peu modifier le code pour adaptation(2 images) et ca marche pas...

mais à mon avis je dois encore me gourer dans la syntaxe js

mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="javascript">
function activerImage() 
{ 
document.getElementById('calendar1').onclick = "return showCalendar('fingarantie', 'dd/mm/y');"; 
document.getElementById('calendar2').onclick = "return showCalendar('dateachat', 'dd/mm/y');";
} 
</script> 
 
<td><input name="dateachat" type="text"  id="dateachat" size="11" readonly="true"></td>
<td><img  id="calendar1" src="Images/date_2.gif" width="18" height="20" border="0" align="absbottom"></td>
 
...
 
<td><input name="fingarantie" type="text" id="fingarantie" size="11" readonly="true"></td>
<td><img id="calendar2" src="Images/date_2.gif" width="18" height="20" border="0" align="absbottom"></td>
 
...
 
<input type="button" name="Submit" value="Modifier" enabled onClick="activerImage();"

23/08/2005, 15h45
philippe123

je n'ai pas d'erreurs javascript en plus

bon ben ca marche comme ca...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="javascript">
		    	function activerImage() 
                { 
				var c1 = document.getElementById('calendar1');
				c1.onclick = dateAchat;
                var c2 = document.getElementById('calendar2');
				c2.onclick = finGarantie;
                } 
				function dateAchat() {
					return showCalendar('dateachat', 'dd/mm/y'); 
				}
				function finGarantie() {
					return showCalendar('fingarantie', 'dd/mm/y'); 
				}
 
           </script>