Onclick sur balise <a> pour traitement php

Version imprimable

Bonjour, et bonne année !! ;)

Je réalise actuellement un mini site de ventes en lignes, et mon problème est que je souhaite pouvoir exécuter différentes requêtes sql (via php) en fonction des critères de choix de l'utilisateur (via un menu, exemples : action / aventures ...etc). Ce qui me pousse à utiliser du javascript est que j'aimerais ne pas avoir à créer plusieurs fichiers.php, mais plutôt réinitialiser une partie de la page en question au clique de l'utilisateur sur le sous-titres du menu correspond à son critère de tri.
Je ne coince pas sur les requêtes mais plutôt sur le fait de transmettre l'information de cette manière.

J'avais pensé au début à placer de évènements onclick sur mes balises <a>, mais visiblement ce n'est pas la solution :mrgreen:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <li> <a onclick="this.innerHTML='<?php $_POST['genre']='Action'; ?>'" href="Tuto.php"><img src="Images/fleche.png" alt="fleche" id="fleche" style="width:20px; height:20px;"/> Action </a> </li> <li> <a href="#"> <img src="Images/fleche.png" alt="fleche" id="fleche" style="width:20px; height:20px;" onclick="this.innerHTML='<?php $_POST['genre']='Aventure'; ?>'"/> Aventure </a> </li>
Peut-être dois-je faire en sorte d'appeler une fonction à part à chaque fois, mais bon je pèche un peu ...

Je ne touche jamais au javascript habituellement, donc désolé si la question semble stupide :mouarf:.
Surtout que je suis persuadé que c'est pas si compliqué que ça, je continue de chercher.

04/01/2015, 22h37
numew

Le code PHP de la page n'est interprété qu'une fois lors de l'affichage de la page. Pour recharger une partie de la page avec une nouvelle requête il faut utiliser ajax.
Ici il faut lors du clic sur un élément faire appel en javascript à un fichier php qui va exécuter la requête en lui passant le paramètre de tri afin qu'il retourne les bon résultat qu'il faut ensuite afficher dans la page.
05/01/2015, 02h01
Ojiuiookojbezib

Merci numew ;).
Je vais travailler là-dessus ...
Pas facile tout ça 8O
05/01/2015, 08h31
SpaceFrog

Considère php comme une machine à ecrire du code html css js .
Une fois le code généré par php il est expédié vers la navigateur du client.
Ce que tu as codé c'est comme si tu tentais de modifier sur ta machine à écrire "Bonjour Monsieur" en "Bonjour Madame" quand le courrier arrive au destinataire ...

Pour modifier des éléments sur la page avec php tu dois obligatoirement le faire coté serveur, soit avant le départ de la page
Soit dans ton cas en rechargeant la page pour revenir sur le serveur puisqu'il s'agit d'un onclick (action coté client)
Soit encore avec ajax qui permet une conversation client serveur sans rechargement de page.

Attention toutefois avec le type d'évènement déclenchant choisi, le onclick d'une balise a si tu passe par ajax, n'oublie pas d'inhiber le href ..

Je reviens vers vous :),

Bon j'ai trouvé dans un premier temps ce que je voulais ce matin, (après avoir passer 2 heures la nuit dernière à faire ce que je peux finalement faire en 10sc :weird:).

Donc, je voulais en gros envoyé une variable qui me permettra d'exécuté la requête souhaité (si possible sans recharger la page, mais chaque chose en son temps sachant que je n'arrivais pas à même pas à le faire avec le rechargement de la page ...), or pour ça pas du tout besoin de passer par javascript.
Il suffit d'utiliser la méthode $_GET pour récupérer une variable passer dans l'url de la page.

Je sais que je suis sur le forum dédié à javascritp mais sais-t-on jamais ça peut servir :
Exemple ->

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
// sous-titres du menu en question
					        <li>
								<a href="Tuto.php?genre=Action">
								<img src="Images/fleche.png" alt="fleche" id="fleche" style="width:20px; height:20px;"/>
								Action 
								</a>
							</li>
					        <li>
								<a href="Tuto.php?genre=Aventure">
								<img src="Images/fleche.png" alt="fleche" id="fleche" style="width:20px; height:20px;"/>
								Aventure
								</a>
							</li>

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
 
 
				<div id="liste_produit">
					<h2>Nouveautés</h2>
					<?php
                                        
                                        connectMaBase();
                                        
                                        if( empty($_GET['genre']) ) // Si la variable 'genre' est vide (dans notre cas, inexistante ...)
                                        {
                                                $sql = 'SELECT * FROM produits';
                                                $requete = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
                                        }
                                        else // Si la variable 'genre' existe
                                        {
                                                $sql = 'SELECT * FROM produits WHERE genre= "'.htmlentities(trim($_GET['genre'])).'" ';
                                                $requete = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());                                  
                                        }
                                        
                                        echo ' <div id="produit"> ';
                                        while( $result = mysql_fetch_array( $requete ) )
                                        {
                                                // Faites votre traitement
                                        }
                                        
                                        echo '</div>';
                                        
                                        ?>

Je vais maintenant regardé du côté de l'Ajax pour étudier véritablement la question du rafraichissement de la page.
Je reviendrai si j'ai quelque chose de concret ;)