Afficher un texte selon le lien cliqué.

Version imprimable

30/04/2010, 14h19
ledisciple

Afficher un texte selon le lien cliqué.
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:

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:

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

Bonjour,

Citation:

Envoyé par ledisciple

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:

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+

30/04/2010, 14h59
SpaceFrog
des paramètres passés dasn l'url sont en get ....
Code:

1 2 if ($_GET['variable'] == "1")
sinon faut passer par un formulaire

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

ma page

Code:

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:

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

30/04/2010, 16h04
E.Bzz

Citation:

Envoyé par ledisciple

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

:mouarf:

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+
30/04/2010, 16h06
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+
30/04/2010, 16h10
ledisciple

Citation:

Envoyé par E.Bzz

:mouarf:

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:

<a href="#" onclick="javascript:fonction(lien='1')">; return false;">Lien 1</A>
30/04/2010, 16h14
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+
30/04/2010, 16h17
ledisciple

Citation:

Envoyé par 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+

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

arf, après tout, il faut bien tenter quelque chose !!!!
30/04/2010, 16h18
E.Bzz

Citation:

Envoyé par ledisciple

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+
30/04/2010, 16h22
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 !!!
30/04/2010, 16h38
E.Bzz

Citation:

Envoyé par ledisciple

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

Ce n'est pas exactement ce que je voulais dire :mrgreen:

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 :aie: ) que tu vas copier/coller, mais tu ne sauras toujours pas pourquoi ni comment ça fonctionne ;)

A+