Discussion :

[ledisciple]

Bonjour

Vous allez rigoler, je n'y connais rien en javascript. N'empêche que j'ai quand même fait mes devoirs.

J'ai une page avec plusieurs liens, afin d'afficher un texte différent sans avoir un recharger toute la page. Bref que l'action de traitement se fasse côté client, plutôt que côté serveur.

En gros, j'aimerai écrire ceci en javascript :

page de soumission :

Code :

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

1
2
3
<a href="JJ.php?variable=1">lien 1</a>
 
<a href="JJ.php?variable=2">lien 2</a>

page de traitement ( ou fonction )

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
if ($_POST['variable'] == "1")
{
echo 'un texte';
}
 
elseif($_POST['variable'] == "2")
{
echo 'un autre texte';
}
else
{
echo 'pas bon';
}

J'ai regarder sur google des mot comme location.search, mais es ce que je dois créer une fonction ( disons modestement, apprendre à le faire) pour parcer mon url?

Bref, que me conseillez vous?

Merci de votre soutient

[E.Bzz]

Bonjour,

J'ai une page avec plusieurs liens, afin d'afficher un texte différent sans avoir un recharger toute la page. Bref que l'action de traitement se fasse côté client, plutôt que côté serveur.

Donc pas de PHP ...
A moins que tes textes soient stockés dans une BDD, même pas besoin d'Ajax (donc la non plus pas de PHP).

Code html :

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

1
2
3
4
5
<a href="#" onclick="document.getElementById('zone_texte').innerHTML = 'Un texte'; return false;">Lien 1</A>
<a href="#" onclick="document.getElementById('zone_texte').innerHTML = 'Un autre texte'; return false;">Lien 2</A>
<a href="#" onclick="document.getElementById('zone_texte').innerHTML = 'Encore un'; return false;">Lien 3</A>
 
<span id="zone_texte"></span>

le "return false;" bloque l'appel au href (donc le changement de page).

Une solution un peu plus propre consiste à stocker les différents textes dans un tableau Javascript (array). Ils peuvent ainsi être stockés en BDD (maintenance/gestion facilitées) et le tableau JS sera alimenté via PHP lors de la génération de la page.

A+

[SpaceFrog]

des paramètres passés dasn l'url sont en get ....

Code :

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

1
2
 
if ($_GET['variable'] == "1")

sinon faut passer par un formulaire

[ledisciple]

j'avais aussi pensé à une fonction, mais je pêche par ignorance :

ma page

Code :

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

1
2
<a href="javascript:fonction(lien='1')">lien 1</a>
<a href="javascript:fonction(lien='2')">lien 2</a>

ma fonction (que j'aimerai écrite en javascript)

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
function fonction() {
if ( $_GET['lien'] = "1" )
{
document.write("<div>texte 1</div>");
}
 
elseif ( $_GET['lien'] = "2" )
{
document.write("<div>texte 2</div>");
}
 
else
{
alert('pas bon');
}
 
 
}

[E.Bzz]

j'avais aussi pensé à une fonction, mais je pêche par ignorance

Relis mieux ....
Tu peux faire une fonction avec le contenu du onclick si tu préfères, c'est effectivement plus propre (mais le résultat est le même).

A+

[E.Bzz]

... et évite de tenter des versions PHP de la fonction que tu voudrais écrire en Javascript : ça n'est pas possible, ne donne que peu d'indication et est de toutes façons incohérent, les deux langages ne s'exécutant pas dans le même contexte ...

A+

[ledisciple]

Relis mieux ....
Tu peux faire une fonction avec le contenu du onclick si tu préfères, c'est effectivement plus propre (mais le résultat est le même).

A+

comme ceci?

Code :

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

<a href="#" onclick="javascript:fonction(lien='1')">; return false;">Lien 1</A>

[E.Bzz]

Dans l'idée ... plus ou moins

Je crois que tu (on) gagnerais(t) du temps si tu lisais attentivement les différentes entrées de cette page

A+

[ledisciple]

... et évite de tenter des versions PHP de la fonction que tu voudrais écrire en Javascript : ça n'est pas possible, ne donne que peu d'indication et est de toutes façons incohérent, les deux langages ne s'exécutant pas dans le même contexte ...

A+

en gros ce que j'ai écris est faux ...

arf, après tout, il faut bien tenter quelque chose !!!!

[E.Bzz]

arf, après tout, il faut bien tenter quelque chose !!!!

Oui, et j'ai fais une suggestion dans mon post précédent à ce sujet ...

A+

[ledisciple]

Très bien, je vais donc faire coucouche panier et dodo !

en tout cas merci E.Bzz pour ta patience et ton bout de code !!!

[E.Bzz]

Très bien, je vais donc faire coucouche panier et dodo !

Ce n'est pas exactement ce que je voulais dire

Juste que là, soit tu va tâtonner et perdre plus de temps que si tu t'imprègnes d'abord des bases, soit on te donne un code tout fait (ce qui est déjà le cas ) que tu vas copier/coller, mais tu ne sauras toujours pas pourquoi ni comment ça fonctionne

A+