Discussion :

[Interface]

Bonjour

Je bute sur ce problème:

j'ai une fonction ajax qui me permet d'afficher une div affichant des éléments selon les paramètres envoyés.

Jusqu'à présent ça fonctionne parfaitement avec un élt du formulaire select :

Code :

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

1
2
3
<select name="nbreRep" id="nbreRep" onchange="triRep()">
<option value="5">lien 1</><option value="10">lien 3</>
</select<

Grace à l'évènement onchange j'appel une fonction triRep() contenu dans le code AJAX.

mon problème actuelement c'est de mettre un évènement onclick="fonction()" exemple:

Code :

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

<a href="page.php?tr=2" onclick="fonction()">lien</>

et les résultats dans la fonction doivent s'afficher dans une div sur la même page.

Mais quant on click au lieu d'afficher la page : page.php dans la div il ouvre pluto une autre page.

Comment écrire ce lien pour faire appel à la fonction ajax?

Merci de m'aider

[Bovino]

Code :

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

<a href="page.php?tr=2" onclick="fonction();return false">lien</a>

[Interface]

la page externe est toujours chargé.

Je m'explique mieux

dans la fonction AJAX la page appeler doit s'afficher dans une div avec id zone <div id="zone"></div>

dans la fonction AJAX indique la DIV :

Code :

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

document.getElementById('zone').innerHTML...

le lien est de la forme :

Code :

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

<a href="page.php?rp=2" onclick="fonction();return false" id="LIEN">lien</>

et la fonction AJAX recevant les paramètres:

Code :

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

1
2
3
var rp=encodeURIComponent(document.getElementById("LIEN").value)
				xhr.open("GET","page.php?rp="+rp,true);
				xhr.send(null);

au clique une page externe s'affiche au lien de s'afficher dans la div ZONE

[Bovino]

Code :

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

var rp=encodeURIComponent(document.getElementById("LIEN").value)

Tu récupères le value d'une balise <a>

[Interface]

je doit dire que j'ai pas bien compris ta dernière reponse.

Oubien dois-je remplacer LIEN par la balise href ?? comment m'y prendre??

Code :

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

1
2
3
var rp=encodeURIComponent(document.getElementById("LIEN").value)
				xhr.open("GET","page.php?rp="+rp,true);
				xhr.send(null);

[Bovino]

Une balise <a> n'a pas de value... si tu veux récupérer le href, c'est

Code :

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

var rp=encodeURIComponent(document.getElementById("LIEN").href)

[Interface]

j'ai remplacer par href et ça marche mais il récupère la totalité du lien ce qui me donne rien dans la requête

Code :

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

<a href="page.php?rp=2" onclick="fonction();return false" id="LIEN">lien</>

Quand je veux récuperer la valeur de rp en GET ou lien de la valeur 2 il me donne tout le lien y compris l'adresse du serveur :

Code :

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

http://localhost/home/test/page.php?rp=2

c'est donc un QUERY WAS EMPTY qui sort

[E.Bzz]

Bonjour,

j'ai remplacer par href et ça marche mais il récupère la totalité du lien ce qui me donne rien dans la requête

il suffit d'aller le chercher là où il se trouve :

Code :

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

1
2
var rp=encodeURIComponent(document.getElementById("LIEN").href);
alert(rp.split("=")[1]);

A+

[Interface]

merci pour le tuyo

mais je n'arrive pas à récupérer la valeur de rp.

Code :

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

1
2
3
4
var rp=encodeURIComponent(document.getElementById("LIEN").href)
                               var rp= (rp.split("=")[1];
				xhr.open("GET","page.php?rp="+rp,true);
				xhr.send(null);

je c pas si je my prend mal.

[Bovino]

Code :

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

1
2
3
var rp=document.getElementById("LIEN").href.split('=')[1];
xhr.open("GET","page.php?rp="+rp,true);
xhr.send(null);

[E.Bzz]

Code :

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

1
2
3
var rp=encodeURIComponent(document.getElementById("LIEN").href)
				xhr.open("GET","page.php?rp="+rp.split("=")[1],true);
				xhr.send(null);

A+

[Bovino]

Code :

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

1
2
3
var rp=encodeURIComponent(document.getElementById("LIEN").href)
				xhr.open("GET","page.php?rp="+rp.split("=")[1],true);
				xhr.send(null);

A+

Ben non E.Bzz, le encodeURIComponent transforme le '=', tu peux plus faire de split dessus

[E.Bzz]

Arf !
Le principe y était

Je pensais pas que le "=" était impacté ....

A+

[Interface]

Problème

mes liens sont de la forme :

Code html :

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

1
2
3
 <a href="page.php?rp=2" >lien1 </>
<a href="page.php?rp=3" >lien2 </>
<a href="page.php?rp=4" >lien5 </>

avec

Code :

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

1
2
3
var rp=document.getElementById("LIEN").href.split('=')[1];
xhr.open("GET","page.php?rp="+rp,true);
xhr.send(null);

la requête semble récupérer seulement le lien 1 dont le rp=2 selon l'exemple comme s'il ne voyait plus les autres rp quand je clique sur les autres liens. Donnant ainsi un même résultat quelque soit le lien utilisé.

et avec

Code :

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

1
2
3
var rp=encodeURIComponent(document.getElementById("LIEN").href)
                xhr.open("GET","page.php?rp="+rp.split("=")[1],true);
                xhr.send(null);

je n'ai aucun resultat.

[E.Bzz]

la requête semble récupérer seulement le lien 1 dont le rp=2 selon l'exemple comme s'il ne voyait plus les autres rp quand je clique sur les autres liens.

Ton code cible uniquement le <a> ayant comme id "LIEN".
Il ne traite donc qu'un seul lien (et toujours le même).
Dans ton exemple HTML ci-dessus, aucune balise <A> ne possède d'id ...

A+

[Bovino]

Code html :

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

<a href="page.php?rp=2" >lien1 </>

</a> serait mieux que </> pour fermer les balises
Ensuite, tu as combien d'éléments avec l'id "LIEN" ???

[Interface]

j'ai un maximum de 60 liens

[E.Bzz]

j'ai un maximum de 60 liens

On peut voir le véritable code HTML de ces liens ?

A+

[Interface]

Code :

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

1
2
3
4
5
6
7
8
9
while(requette)
{?>
<a href="page.php?rp=1" id="LIEN" onclick="load(); return false">lien1</a>
<a href="page.php?rp=5" id="LIEN" onclick="load(); return false">lien7</a>
<a href="page.php?rp=6" id="LIEN" onclick"load(); return false">lien8</a>
.............
.............
........
<?php}

comme vous pouvez constater que le id est toujours le même.

[E.Bzz]

comme vous pouvez constater que le id est toujours le même.

Un id doit être unique dans la page

Utilise un compteur dans ta boucle, que tu concatènes au "LIEN" pour générer des id uniques ...
Tu pourras le passer en paramètre à ta fonction

Code :

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

onclick="load(this.id);"

A+