Lier 2 fonctions javascripts

[vince62fr]

Bonjour à tous,

Voila mon pb, j'utilise 2 fonctions javascript pour faire des injections dans ma base.

Voici le code :

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
function likeNew(id, id2, id3, id4, id5, id6)
		{
		getXhr()
		xhr.onreadystatechange = function()
			{
                       if(xhr.readyState == 1){
                       document.getElementById(id, id2, id3, id4, id5, id6).className = 'action-likeNew-load';
                       document.getElementById(id, id2, id3, id4, id5, id6).onclick = '';
                        }
                        if(xhr.readyState == 4 && xhr.status == 200)
			 {
                         document.getElementById(id, id2, id3, id4, id5, id6).className = 'action-likeNew-ok nocursor';
                         document.getElementById(id, id2, id3, id4, id5, id6).onclick = '';
			 }
			}
		xhr.open("GET","../inc/addthis.php5?EAN="+id2+"&ASIN="+id3+"&IdTRack="+id4+"&type="+id5+"&action="+id6+"",true);
                xhr.send(null);
}
 
 
 
 
function stoplikeNew(id, id2, id3, id4, id5, id6)
		{
		getXhr()
		xhr.onreadystatechange = function()
			{
                       if(xhr.readyState == 1){
                       document.getElementById(id, id2, id3, id4, id5, id6).className = 'action-likeNew-load';
                       document.getElementById(id, id2, id3, id4, id5, id6).onclick = '';
                        }
			 if(xhr.readyState == 4 && xhr.status == 200)
			 {
                         document.getElementById(id, id2, id3, id4, id5, id6).className = 'action-likeNew nocursor';
                         document.getElementById(id, id2, id3, id4, id5, id6).onclick = '';
			 }
			}
		xhr.open("GET","../inc/addthis.php5?EAN="+id2+"&ASIN="+id3+"&IdTRack="+id4+"&type="+id5+"&action="+id6+"",true);
                xhr.send(null);
}

Mon code HTML :

Code :

1
2
3
<div id="stoplikeNew3760068970819" onclick="stoplikeNew('stoplikeNew3760068970819', '3760068970819', 'B002UQ9UFS', ' ', '1', 'stoplike')" class="action-likeNew-ok">Je n'aime plus</div>
 
<div id="likeNew3760068970819" onclick="likeNew('likeNew3760068970819', '3760068970819', 'B002UQ9UFS', ' ', '1', 'like')" class="action-likeNew-ok">J'aime</div>

Ce que j'aimerai faire c'est que lorsqu'un membre clique sur j'aime, la fonction stoplikeNew remplace la fonction likeNew, comme ça, il peut directement avoir accès au "Je n'aime pas".

Avez vous une idée ?

Merci

[RomainVALERI]

Attention

La fonction getElementById ne prend qu'un seul paramètre. Le moteur JS ne soulève pas d'erreur si tu fournis plus de paramètres qu'attendu, comme pour toute autre fonction, mais ne crois pas récupérer la liste, seulement le premier...

Tiens autre chose : ta fonction getXhr() réinitialise un objet XMLHTTPRequest global, c'est bien ça ? (attention aux "collisions" si plusieurs appels ajax sont trop rapprochés (>>> le cliqueur fou ))

[vince62fr]

Du coup il faut que j'utilise quoi plutôt que getElementById ?

[BByani]

Une petite boucle ?
1) stocker tes éléments dans un tableau. (tu peux créer une fonction qui le fait).
2) Parcourir ton tableau et appliquer ton "document.getElementByid"

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	<div id="d1"></div>
	<div id="d2"></div>
	<div id="d3"></div>
	<div id="d4"></div>
	<div id="d5"></div>
 
	<script type="text/javascript">
		var tab = new Array("d1","d2","d3","d4","d5");
		for(i=1; i<=tab.length; i++){
			$constructionID = "d"+i;
			document.getElementById(constructionID).className = "";
		}
 
	</script>

[NoSmoking]

Bonsoir,
cela me rappelles quelque chose

Envoyé par NoSmoking

Bonsoir,
la méthode getElementById n'admet qu'un seul paramètre et non une multitude, tu sera donc obligé de faire une boucle
exemple :

Code :