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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
| <?php
$serveur = 'localhost';
$login = '';
$mdp = '';
$base = 'uneplumemunich';
$connexion=mysql_connect($serveur,$login,$mdp)or die("connexion impossible");
mysql_select_db($base,$connexion)or die("connexion à la base impossible");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Mon stage à Munich</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles2.css">
<script type="text/javascript">
var page_courante=1;
var nb_pages=1;
function pagePrecedente() {
if (page_courante==1) {
alert("Vous êtes déjà sur la première page !");
} else {
affichePage(page_courante-1);
}
}
function pageSuivante() {
if (page_courante==nbpages) {
alert("Vous êtes déjà sur la dernière page !");
} else {
affichePage(page_courante+1);
}
}
function affichePage (page){
document.getElementById("page"+page_courante).style.display = "none";
document.getElementById("lienpage"+page_courante).style.fontWeight = "normal";
document.getElementById("page"+page).style.display = "block";
document.getElementById("lienpage"+page).style.fontWeight = "bold";
page_courante=page;
}
</script>
</head>
<body>
<div id='all'>
<div id="titre">MON STAGE A MUNICH</div>
<?php
$requete = "SELECT photos.id, photos.nom, photos.date, photos.descriptif FROM photos";
$resultat = mysql_query($requete);
$cpt = mysql_num_rows($resultat);//Nombre de résultats de la requète
$rpp = 4;//Nombre de résultats à afficher par page
$nbpages = ceil($cpt / $rpp);//Calcul du nombre de pages total
$cpt2 = 0;//Compteur permettant de limiter le nombre de résultats par page à rpp
$cpt3 = 0;//Compteur permettant vérifier lorsque tous les enregistrement ont étés parcourus
$cpt4 = 1;//Compteur permettant de donner un id à chaque calque
if ($nbpages > 1) {
//Affichage des liens vers les numéros de page
echo "<p>Page :";
$stylelien1=" style=\"font-weight: bold;\"";
for ($i=1; $i<=$nbpages; $i++) {
echo " <a href=\"#\" id=\"lienpage".$i."\" ".$stylelien1."onClick=\"javascript:affichePage(".$i.")\">".$i."</a>";
$stylelien1="";
}
echo "</p>";
}
//Affichage des calques
while($ligne=mysql_fetch_array($resultat)){
if ($cpt2 == 0) {
if ($cpt4 == 1) {//Lors de la requète, on affiche les premiers enregistrements
echo "<div id=\"page1\" style=\"display: inline;\">";
} else {//Ensuite, les enregistements suivants sont cachés
echo "<div id=\"page".$cpt4."\" style=\"display: none;\">";
}
echo "<div id='main'>";
$cpt4++;
}
$cpt2++;
$cpt3++;
echo "<div class='ligne'>
<div class='photo'><img src='./photo/".$ligne['nom']."' class='img'/></div>
<div class='descriptif'>
<div class='date'>".$ligne['date']."</div>
<div class='desc'>".$ligne['descriptif']."</div> </div>
<div class='clearer'></div>
</div>
<div class='clearer'></div>";
if ($cpt2 == $rpp || $cpt3 == $cpt) {//Lorsque l'on affiché rpp enregistrements ou que tous les enregistrements ont été affichés, on ferme le calque
echo "</div></div>";
$cpt2 = 0;
}
}
?>
</div>
</div>
<script type="text/javascript">
var nbpages=<?php echo $nbpages; ?>
</script>
</body>
</html> |
Partager