Discussion :

[Marie08]

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>

[sabotage]

Les ancres vont à la fin :

Code :

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

index.php?categorie=1#ancre03

[Marie08]

Oh « Sabotage »... si je ne me retenais pas, je te ferais une grande déclaration !

Un immense merci à toi... comme toujours ;-)

[grunk]

Ceci étant dit , si tu ne veux pas recharger la page et avoir des zones dynamique il n'ya pas d'autre solution que javascript (et donc ajax).

[Marie08]

Oui tu as raison. De ne pas maîtriser JavaScript me pose de plus en plus de problèmes...