8722 sujets

Développement web côté serveur, CMS

[Résolu] Choix menu = résultat à un endroit précis de la page

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.... Smiley biggol

PS : ne me faîtes pas de misère avec JavaScript, je ne le maîtrise pas du tout !

Merci Smiley cligne 

<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>

Modifié par Marie08 (05 Oct 2017 - 15:27)
Oh mon Dieu... dis-moi que tu me taquines là ?!

Je connais OpenClassRooms et m'amuse à y passer les certifs, au point d'avoir essayer celui de JavaScript. Après avoir avalé la première partie sans aucune difficulté (étrangement) j'ai eu un blocage pour passer à la seconde... Pourquoi ? ça...

Et toi, tu me relances ? C'est peut-être un signe. Je vais relever le défi.

Je laisse ce topic ouvert ; on ne sait jamais, un magicien qui passerait par là...

Merci Laurent, Très bel après-midi à toi Smiley cligne
Modérateur
Ha ! Mais ça ça n’empêche pas de recharger toute la page Smiley ravi d’ailleurs j'avais mal lu, je croyais que tu avais déjà cette solution mais que ça ne te convenait pas !
Tant que ça te satisfait Smiley cligne
Bel après midi a toi aussi !
J'avais pensé à l'ancre mais je la positionnais mal, du type index.php#ancre03?categorie=1

Alors que l'ancre s'insère à la fin index.php?categorie=1#ancre03

Oui, la page se recharge toujours Smiley lol mais elle se positionne instantanément à l'endroit souhaité. Si la connexion est bonne (et ma page est légère), c'est transparent pour l'internaute.

Smiley cligne
Sujet clos
Aller à