Discussion :

[javaboy]

Bonjour à tous,

Je suis en train de faire de l'AJAX (enfin j'essaye) mon module fonctionne correctement cependant je veut qu'une fois que je clique sur une image l'implémentation JAVASCRIPT prend le relais et affiche une autre image a la place de la première:

Mon code JS est le suivant :

Code :

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

1
2
3
4
5
6
7
function Supp(id) 
{	
	document.images["img_"+id].src ="_pics/faux.png";
	var http_request = false;
	var url = "suppr.php?id=" + id ;
	Request(http_request,url,id);	
}

La pour le moment cela ne fonctionne pas, ca ne met rien, mais si je met les variables et la requete en commentaire mon image s'affiche correctement .
Y à t-il une autre structure de code JS à utiliser?
Est ce que c'est "incompatible" ?

Merci pour votre aide .

[E.Bzz]

Bonjour,
tout dépend de ta fonction Request() ...
C'est certainement elle qui plante le reste.

A+

[javaboy]

en effet il me semble que c'est cela , mais existe t-il une autre fonction pour injecter une images dans du html ?

Pour infos voila mon code js entier:

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
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
function Supp(id) 
{	
	document.images["img_"+id].src ="_pics/faux.png";
	var http_request = false;
	var url = "suppr.php?id=" + id ;
	Request(http_request,url,id);	
}
function Auto(id) 
{
	document.images["img_"+id].src='_pics/chek.png';
	var http_request = false;
	var url = "autorise.php?id=" + id ; 
	Request(http_request,url,id);	
}
 
function Request(http_request,url,id)
{
 
	if (window.XMLHttpRequest) 
	{ // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) 
			{http_request.overrideMimeType('text/xml');}
	} 
		else if (window.ActiveXObject) 
		{ // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
 
	if (!http_request) 
	{
		alert('Abandon :( Impossible de créer une instance XMLHTTP');
		return false;
	}
	http_request.onreadystatechange = function() { alertContents(http_request,id); };
	http_request.open('GET', url, true);
	http_request.send(null);
 
}
 
function alertContents(http_request,id) 
{
	if (http_request.readyState == 4) 
	{
		if (http_request.status == 200)
		{
			document.getElementById('etat_'+id).innerHTML = http_request.responseText;	
		}
		else 
			{alert('Un problème est survenu avec la requête.');	}
	}
}

[E.Bzz]

Enlève déjà

Code :

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

var http_request=false;

parce que là, tu en fait un booléen, alors que tu en as besoin comme XMLHttpRequest.
Conflit de types ...

A+

[javaboy]

En effet la cause a toujours sa consequence donc j'ai enlevé ce que tu m'a conseillé, et ca marche plus ou moins car mon image s'affiche (comme quand je m'etait l'appel a request en //).

Il faut bien remplacer ce :

Code :

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

var http_request = false;

Par quelque chose car maintenant il dit :

http_request : est indéfini

J'ai essayé:

Code :

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

var http_request = null;

Mais maintenant ma requete est ok mais pas mon image

[E.Bzz]

Tu n'as tout simplement plus besoin de le passer en paramètre, puisque c'est la fonction Request() qui le définit

A+

[javaboy]

En effet je ne sais pas pourquoi je m'entête a vouloir mettre des prametres partout mêm quand il n'y en à pas besoin...
Toujour est-il que ne comprend pas pourquoi mon image s'affiche 1/2 secondes puis disparait

[E.Bzz]

Ton images["img_"+id] ne serait pas contenu dans 'etat_'+id, des fois ?

A+

[javaboy]

En fait c'est une image qui fait le lien avec le js :Mais je doit dire que je pattauge dans mon propre code !

Voici le code PHP

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
print("<TD align='Center'>");
		print("<div id='etat_$item_key'>");
 
		if ($item_Autorise == "O")			
		{	
			print("<img name='img_$item_key' src='_pics/chek.png' border='0' title=\"L'utilisateur $item_Nom est validé\" id='submit_$item_key' onclick='Supp($item_key)'/>");
		}
		else
		{	
			print("<img name='img_$item_key' src='_pics/faux.png' border='0' title=\"L'utilisateur $item_Nom n'est pas validé\"id='submit_$item_key' onclick='Auto($item_key)'/>");
		}
		print("</div>");

[E.Bzz]

C'est bien ça : ton image est incluses dans le div, dont ta fonction Ajax remplace le contenu (images comprises, donc).
Le temps que reste affichée l'image te donne le temps de réponse de ton appel Ajax

A+

[javaboy]

Alors et ce que je peut faire une sorte de refresh simplement sur le champ dans lequel je vient de cliquer... Au quel cas je n'est plus mon JS qui ferai le changement d'image mais mon php....Ou c'est null ce que je dit

[E.Bzz]

Avant de tout casser, essaye déjà

Code :

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

document.getElementById('etat_'+id).innerHTML += http_request.responseText;

A+

[javaboy]

Mais qui es-tu pour repondre de la sorte ????
Une machine douée d'un intelligence artifficielle ....
Un sur-homme !!!
On va t'appeller , super bzz.
En plus tu es le seul à repondre sur ce forums
Merci merci et merci .

Aller je clique résolu avec plaisir.

[E.Bzz]

T'emballe pas : je secherai sûrement la prochaine fois

... et tous les autres répondent à d'autres posts pendant ce temps

A+