Changement de traitement de onclick sur html par javascript

**lodan** · 27/04/2007, 11h40

Bonjour,

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

Code :

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

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 :

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

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

**SpaceFrog** · 27/04/2007, 15h41

alterner le traitement associé au onclick ...

on dirait un mode d'emploi traduit du chinois en russe par un esquimaud ...

**lodan** · 27/04/2007, 19h36

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

**Ouach** · 27/04/2007, 23h04

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 :

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

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>

**lodan** · 28/04/2007, 07h42

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.

**SpaceFrog** · 28/04/2007, 08h17

pour attribuer dynamiquement un onclick

Code :

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

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

**lodan** · 30/04/2007, 10h02

Merci SpaceFrog

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

Code :

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

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 :

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

<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 :

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

<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 :

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

image1

Si je fais :

Code :

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

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.

**lodan** · 01/05/2007, 09h18

And the solution is :

Code :

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

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

Changement de traitement de onclick sur html par javascript

JavaScript

Discussions similaires

Partager

Partager