Images et requêtes impossible

Version imprimable

16/02/2007, 10h17
javaboy

Images et requêtes impossible
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:

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 .
16/02/2007, 10h48
E.Bzz

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

A+

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:

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.');	}
	}
}

16/02/2007, 11h05
E.Bzz

Enlève déjà

Code:

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+
16/02/2007, 11h20
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:

var http_request = false;

Par quelque chose car maintenant il dit :

Citation:

http_request : est indéfini

J'ai essayé:

Code:

var http_request = null;

Mais maintenant ma requete est ok mais pas mon image
16/02/2007, 11h26
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+
16/02/2007, 11h34
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
16/02/2007, 11h36
E.Bzz

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

A+

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:

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>");

16/02/2007, 11h42
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 :aie:

A+
16/02/2007, 11h48
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
16/02/2007, 11h52
E.Bzz

Avant de tout casser, essaye déjà

Code:

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

A+
16/02/2007, 11h57
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.
16/02/2007, 12h01
E.Bzz

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

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

A+