Vous n'êtes pas identifié.

Annonce

#1 Paginer des pages HTML ( page précédente, suivante .. ) du 27-04-2008 19:33:24

mic54800
Super Modérateur ^^
Lieu: Brainville (54)
Date d'inscription: 25-08-2007
Messages: 819
Site web

Paginer des pages HTML ( page précédente, suivante .. )

Voici comment faire pour disposer d'un system de pagination ( < 1 2 3 4 5 > )

Vous pouvez retrouver ce code ici ( mises à jour si besoin .. )

Include à insérer dans vos pages à paginer

Code:

<?php
$self = $_SERVER['PHP_SELF'];

include("navigation.php");
?>

Code pour le système de pagination :
( à insérer dans la page navigation.php )

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test pagination </title>

<style type="text/css">
.mini_maxi {
    padding: 0 2px 0 2px;
    color:#000000;
}

a.mini_maxi {
    color:#0066CC;
    text-decoration:none;
}

    a.mini_maxi:hover {
        color:#000000;
    }

a.page {
    padding: 0 6px 0 6px;
    background-color:#FFFFFF;
    color:#0066CC;
    text-decoration:none;
}

    a.page:hover {
        color:#000000;
    }

.page_actuelle {
    padding: 0 6px 0 6px;
    text-decoration:none;
    color:#000000;
    font-weight:bold;
}
</style>

</head>
<body>

<?php
// Ci dessous, toutes les pages que tu veux ' paginer ' par ordre d'apparition !
// N'y met pas un lien dur mais juste le lien à partir de la source sans l'inclure.
$liens = array (
"", // Laisser vide pour commencer à la page 1
"/page1.php",
"/page2.php",
"/page3.php",
"/page4.php",
"/page5.php",
);

$titre = array (
"", // Aussi laisser vide pour le titre de la page 0 ( qui ne sera pas affichée
"Titre 1",
"Titre 2",
"Titre 3",
"Titre 4",
"Titre 5",
);

// Cherche la place de l'adresse actuelle
$i = array_search($self, $liens);

// Nomme le premier lien
$mini = 0;

// Cherche la place du dernier lien
$maxi = count($liens)-1;

if ( $i != 1 ) // On prend notre minimum ) la valeur 1 de l'array
 {
    echo '<a href="http://'.$_SERVER['HTTP_HOST'].''.$liens[$i-1].'" title="'.$titre[$i-1].'" class="mini_maxi">&lt;</a>&nbsp;';
 }
else
 {
    echo '<span class="mini_maxi">&lt;</span>';
 }

// Le minimum est égal à 1 .. pour éviter d'avoir la page ' 0 ' affichée dans la pagination
$ii=1;

$separation = false;

while ( $mini < $maxi )
{

$mini++;

$lien_pages = $liens[$ii];

if ( $i == $ii )
 {
    if ( $separation == true ) { echo '|'; }
    echo '&nbsp;<span class="page_actuelle">'.$ii.'</span>&nbsp;';
 }
else
 {
    if ( $separation == true ) { echo '|'; }
    echo '&nbsp;<a href="http://'.$_SERVER['HTTP_HOST'].''.$lien_pages.'" title="'.$titre[$ii].'" class="page">'.$ii.'</a>&nbsp;';
 }

 $ii++;

 $separation = true;
}

if ( $i != $maxi )
 {
    echo '&nbsp;<a href="http://'.$_SERVER['HTTP_HOST'].''.$liens[$i+1].'" title="'.$titre[$i+1].'" class="mini_maxi">&gt;</a>';
 }
else
 {
    echo '<span class="mini_maxi">&gt;</span>';
 }
?>

</body>
</html>

Il est biensur possible de coller le CSS dans une feuille de style et de virer les balises <html> <head> .. de cette page !
Si vous rencontrez un problème avec ce code, merci d'en faire part dans ce post !

( Merci de ne pas débattre sur ce code dans ce post ! )

Hors ligne

 

27-04-2008 19:33:24

Mister $$$


#2 Re Paginer des pages HTML ( page précédente, suivante .. ) du 27-04-2008 19:58:59

Tourian
c00lnaute accrot
Lieu: Côte d'azur
Date d'inscription: 27-03-2008
Messages: 344
Site web

Re: Paginer des pages HTML ( page précédente, suivante .. )

applause Super ! J'ai réussi à l'adapter à mon site et il marche super ! applause
big_smile big_smile big_smile Merciiiiiiiiiiiiiiiii !!!!!!!!!!!!!!!! big_smile big_smile big_smile

P.S.: mic voila : -http://tourian.free.fr/divers
(La page bug un peu sous FireFox (je ne sais pas pourquoi), mais bon...)

mic54800 a écrit:

Tourian a écrit:

P.S.: Le lien que tu m'as mis ne marche pas sous IE7... grater
Je suis obligé de me connecter avec FireFox (la honte...) grater

Erreur : Le lien ne marche pas sur ton PC, sur mon IE il marche nikel !

Euh... Tu as IE7 ... ? Si oui je ne comprend pas pourquoi chez toi ça marche et chez moi non... (chez moi ça na jamais fonctionné...) En fait il va sur la page indiquée, mais il ne m'amène pas au post, il reste tout en haut de la page...

EDIT : lol lol lol J'avais pas vu cette phrase entre paranthèse... lol lol lol
Euh... Dans le message en dessous tu dit que la pagination est superbe... Je ne comprend pas vraiment ce que tu veux dire...

Dernière modification par Tourian (28-04-2008 03:18:03)


http://tourian.free.fr/images/Belldandy_forum.jpg

Hors ligne

 

#3 Re Paginer des pages HTML ( page précédente, suivante .. ) du 27-04-2008 20:28:28

mic54800
Super Modérateur ^^
Lieu: Brainville (54)
Date d'inscription: 25-08-2007
Messages: 819
Site web

Re: Paginer des pages HTML ( page précédente, suivante .. )

Bah tu t'en fou, tant qu'il t'emmene sur la page !
Oui j'ai IE7 si je me permet de faire la reflexion ( en fait j'ai IE 5 6 et 7 plusieurs FF et d'autres nav pour les graphismes ! )
Ensuite, on voit le travail de pro sur ton site pour la pagination :p
Heureusement que j'avais précisé de ne pas commenter ce script ( comme toutes les autres fonctions ! )
C'est pourquoi j'arrete cette conversation ici !
En cas de bug, j'ai pas envie de naviguer entre la page 1 et la page 32 pour voir ce qui pourrait buguer donc si t'as des questions concernant ce script, MP ou ancien post !

Hors ligne

 

#4 Re Paginer des pages HTML ( page précédente, suivante .. ) du 27-04-2008 20:38:14

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 2164
Site web

Re: Paginer des pages HTML ( page précédente, suivante .. )

applause rien de plus wink .

Hors ligne

 

#5 Re Paginer des pages HTML ( page précédente, suivante .. ) du 28-04-2008 21:25:25

mic54800
Super Modérateur ^^
Lieu: Brainville (54)
Date d'inscription: 25-08-2007
Messages: 819
Site web

Re: Paginer des pages HTML ( page précédente, suivante .. )

Code mis à jour pour afficher la page 1 comme page minimum au lieu de la page 0  !
Trop rien ne change !
( Attention, méthode anarchique lol )
Mais ça marche comme il faut wink

[ Pas besoin de répondre pour dire que c'est bien, ça va de soit l0l ]

Hors ligne

 

Propulsé par PunBB
© Copyright 2007
Forum créer un site

Partenaires de « créer un site internet »