Bonjour,
J'ai titré au mieux mon sujet en objet...
J'ai un menu horizontal dans le corps de ma page. Ce menu a pour fonction de « desservir » une zone précise de ladite page.
Actuellement, lorsque j'effectue mon choix dans le menu, les informations sont rapatriées de ma table de données et s'affichent dans la zone qui est réservée à cet effet. C'est déjà une bonne chose.
Mais avec le code que je vous propose ci-dessous, la page est rechargée à chaque fois et donc reviens tout en haut... perturbant pour l'internaute, surtout en mobile... Je voudrais que la page ne bouge pas et que seule la zone réservée soit dynamique.
#JeVousLeDisOuJeNeVousLeDisPas... ? J'ai même tenté d'insérer (naïvement) une ancre du genre « index.php#ancre03?categorie=1 » si si....
PS : ne me faîtes pas de misère avec JavaScript, je ne le maîtrise pas du tout ! Un internaute sur un autre forum me recommande vivement Ajax, ce qu'il faudra que je fasse un jour, mais là... dîtes-moi qu'il y a une autre solution pour moi en attendant svp !
Merci
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
19
20
21
22
23
24
25
26
27
28
29
30
31 <a id="ancre03"></a> <section id="activite"> <h3>Activités</h3> <?php include('connectsql.php'); echo '<div id="menu"> <a href="index.php?categorie=1" title="">Menu 1</a> <a href="index.php?categorie=2" title="">Menu 2</a> <a href="index.php?categorie=3" title="">Menu 3</a> <a href="index.php?categorie=4" title="">Menu 4</a> <a href="index.php?categorie=5" title="">Menu 5</a> </div>'; echo '<div id="oeuvre">'; $req = $bdd->prepare('SELECT champ1, champ2, champ3, champ4, categorie FROM ma_table WHERE categorie=:categorie') or die(print_r($bdd->errorInfo())); $req ->execute(array('categorie' => $_GET['categorie'])); while ($donnees = $req->fetch()) { echo '<p><img src="images/' .$donnees['champ3']. '" title="desc champ3" /></p>'; echo '<div> <h5>' .stripslashes($donnees['champ1']). ' <span>de ' .stripslashes($donnees['champ2']). '</span></h5> <p>' .stripslashes($donnees['champ4']). '</p><br /> </div>'; } echo '</div>'; $req->closeCursor(); ?> </section>
Partager