Changement de traitement de onclick sur html par javascript

Version imprimable

Bonjour,

J'ai un script qui me permet d'alterner une image

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function changeImage(el_image, id_image)
{
  	var prefixe = document.getElementById('prefixe').value;
  	var image_avant = 'images/Folder_Close.png';
	var image_avant = prefixe+image_avant;
	var image_apres = 'images/Folder_Open.png';
	var image_apres = prefixe+image_apres;
 
	if(el_image.src == image_avant)
	    {
	    	el_image.src = image_apres;
	    }
	else
	  	{
	    	el_image.src = image_avant;
	    }
	getElementsByTagName("img").setAttribute("src", el_image.src);	
	getElementById(id_image).setAttribute("onclick", "new Effect.BlindUp('detail_histo0', 1);changeImage(this);");
}

Et j'aurai voulu aussi alterner le traitement associé au onclick

Code:

1
2
<img id="image0" src="{#prefixe_site#}images/Folder_Close.png" 
				onclick="new Effect.BlindDown('detail_histo0', 1);changeImage(this, 'image0');" />

Tout va bien pour l'image, mais pour le onclick, il ne se passe rien.

Merci d'avance

27/04/2007, 16h41
SpaceFrog

alterner le traitement associé au onclick ...

on dirait un mode d'emploi traduit du chinois en russe par un esquimaud ...
27/04/2007, 20h36
lodan

Bon sang, j'étais là tranquile, incognito, et j'ai été découvert.

Oui je suis russe pas mon père, esquimaud par ma mère et je suis né en chine.

Le script permet d'alterner une image lorsque l'on clique dessus, l'objectif est d'exécuter un script qui ouvre une fenêtre dans le formulaire. Lorsqu'on clique sur l'image alternée on ferme le script ouvert.

J'ai essayé en Breton

N'arrivant pas à visualiser ce qu' "Ouvrir une fenêtre dans un formulaire" donne, il m'est difficile d'en imaginer une solution.
Changer la source d'une image en cliquant dessus, c'est par contre plus facile à imaginer.
Cela donne à peut près ceci (Attention, je n'ai pas testé, c'est le principe que j'énonce ici)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <SCRIPT language="JavaScript"> function changerimg() { // alert(document.getElementById("img0").src);//AU cas où le contenu n'est pas relatif mais absolu, on peut voir ici le contenu. if(document.getElementById("img0").src == "monImage1.gif") { document.getElementById("img0").src = "monImage2.gif"; } else { document.getElementById("img0").src = "monImage1.gif"; } } </SCRIPT> </HEAD> <BODY> <IMG id="img0" src="monImage1.gif" onClick="changerimg()"> </BODY> </HTML>

28/04/2007, 08h42
lodan

Je n'ai aucun problème avec mon script de changement d'image tel que je l'ai mis dans mon 1er POST.

Ce qui pose problème c'est le changement de onclick que j'ai voulu associé.

En fait il ne change rien.

Ce qui fonctionne pour l'image, ne fonctionne pas pour le onclick.
28/04/2007, 09h17
SpaceFrog

pour attribuer dynamiquement un onclick

Code:

document.getElementById('machinchose').onclick=function(){alert('nouveau comportement du click')};

Merci SpaceFrog

J'avais déjà assayer cela, mais il ne veut pas
Code:

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 changeImage(el_image, numero) { var prefixe = document.getElementById('prefixe').value; var id_image = "image"+numero; alert(id_image); var lien_avant = "new Effect.BlindDown('detail_histo"+numero+"', 1);changeImage(this, '"+numero+"');"; var lien_apres = "new Effect.BlindUp('detail_histo"+numero+"', 1);changeImage(this, '"+numero+"');"; var image_avant = 'images/Folder_Close.png'; var image_avant = prefixe+image_avant; var image_apres = 'images/Folder_Open.png'; var image_apres = prefixe+image_apres; if(el_image.src == image_avant) { el_image.src = image_apres; img_onclick = lien_apres; } else { el_image.src = image_avant; img_onclick = lien_avant; } document.getElementById(id_image).onclick=function(){img_onclick}; getElementsByTagName("img").setAttribute("src", el_image.src); }
Code html avant clic sur image :

Code:

<img id="image1" src="images/Folder_Close.png" onclick="new Effect.BlindDown('detail_histo1', 1);changeImage(this, '1');">

Code html après clic sur image

Code:

<img id="image1" src="images/Folder_Open.png" onclick="new Effect.BlindDown('detail_histo1', 1);changeImage(this, '1');">>

Il y a bien changement de l'image, mais pas changement du onclick

Dans le alert que j'ai placé dans mon script j'ai bien :

Code:

image1

Si je fais :

Code:

alert(document.getElementById(id_image.value));

J'ai "null"

Bon y a un problème quelque part, mais j'avoue que depuis hier j'ai beau tourner dans tous les sens, je ne vois pas.

And the solution is :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function changeImage(el_image, numero)
{
  	var prefixe = document.getElementById('prefixe').value;
  	var id_image = "image"+numero;
  	var image_avant = 'images/Folder_Close.png';
	var image_avant = prefixe+image_avant;
	var image_apres = 'images/Folder_Open.png';
	var image_apres = prefixe+image_apres;
 
	if(el_image.src == image_avant)
	    {
	    	el_image.src = image_apres;
	    	document.getElementById(id_image).onclick=function(){new Effect.BlindUp('detail_histo'+numero, 1); changeImage(this, numero);};
	    }
	else
	  	{
	    	el_image.src = image_avant;
	    	document.getElementById(id_image).onclick=function(){new Effect.BlindDown('detail_histo'+numero, 1); changeImage(this, numero);};
	    }
	getElementsByTagName("img").setAttribute("src", el_image.src);
}

Merci