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> |
affichage de mon site en fonction de la résolution d'écran
Répondre avec citation
Bien tenté mais cette valeur n'existe pas 
Partager