Mécanisme de pagination

Ce forum aborde toutes les questions qu'un codeur ou webmaster pourrait se poser, et n'ayant aucun rapport direct avec phpBB.
Tout ce qui peut concerner la récupération des sessions de phpBB sur votre site, doit se faire dans cette section.

Modérateur : Équipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com
Répondre
Avatar du membre
pierredu
Resp. Extensions
Resp. Extensions
Messages : 1628
Enregistré le : 29 mai 2011 à 06:49
Localisation : Paris
Contact :

Mécanisme de pagination

Message par pierredu »

Bonjour,

Sur ma galerie de photos, j'ai des sélections comme celle-ci, avec un mécanisme de pagination qui fonctionne bien pour aller à la page précédente et à la page suivante. Cependant, cela oblige à cliquer précisément sur les boutons correspondants.

J'ai imaginé (rêvé) qu'il serait possible de traiter les clics dans la marge de gauche comme des clics vers la page précédente et inversement pour la marge de droite. Ce bouton géant n'a même pas besoin d'être visible, ou peut-être simplement transparent, mais sur toute la surface sensible.

Est-ce que cela vous semble réalisable ?
Des idées ? Des pistes ?
Merci d'avance.
Avatar du membre
pierredu
Resp. Extensions
Resp. Extensions
Messages : 1628
Enregistré le : 29 mai 2011 à 06:49
Localisation : Paris
Contact :

Mécanisme de pagination

Message par pierredu »

Bonjour,

Je suis arrivé à quelque chose de fonctionnel, alors je le donne ici (il y aurait certainement des améliorations, mais ça marche, c'est l'essentiel) :

1) Quelques lignes dans un fichier CSS

Code : Tout sélectionner

/*	Boutons page précédente et page suivante */
#bouton_next {
	background-color: grey;
	background-color: #11ffee00; /* Fully transparent */
	/* border: 1px solid white; */
	position: fixed;
	bottom: 100px;
	right: 20px;
	}
#bouton_next span {
	width: 36px;
	height: 600px;
	display: block;
	}
#bouton_prev {
	background-color: grey;
	background-color: #11ffee00; /* Fully transparent */
	/* border: 1px solid white; */
	position: fixed;
	bottom: 100px;
	left: 20px;
	}
#bouton_prev span {
	width: 36px;
	height: 600px;
	display: block;
	}
2) Quelques lignes dans un fichier php :
Cela suppose de disposer de deux données, l'offset dans la séquence d'imagettes et le nombre total d'imagettes.

Code : Tout sélectionner

// Calcul des boutons page précédente et page suivante
if (!$offs)
{
	$page_prec = NULL;
}
else
{
	$offprec = $offs - 25;
	$page_prec = "affich.php?tit=$tit&lg=lg&offs=$offprec";
}
if ($offs + 25 > $nbf)
{
	$page_suiv = NULL;
}
else
{
	$offsuiv = $offs + 25;
	$page_suiv = "affich.php?tit=$tit&lg=$lg&offs=$offsuiv";
}
3) Encore quelques lignes pour inclure le code HTML :

Code : Tout sélectionner

if ($page_suiv)
{
	echo ("<p id=\"bouton_next\"><a href=\"$page_suiv\"><span></span></a></p>");
}
if ($page_prec)
{
	echo ("<p id=\"bouton_prev\"><a href=\"$page_prec\"><span></span></a></p>");
}
Répondre

Retourner vers « Coding, Webmastering et Sécurité informatique »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invité