Je réalise en ce moment un site.
J'ai donc décidé d'y mettre un système de pagination, cette pagination fonctionne bien mais le souci est que quand je suis redirigé vers une autre page, elle s'affiche sans le css (juste le texte sur une page totalement blanche sans mise en forme) que j'avais pourtant définit pour toutes mes pages .
Voici le code de ma page articles.php qui liste les articles en fonction de ma pagination:
Code : Tout sélectionner
<?php
$bdd = new PDO("mysql:host=127.0.0.1;dbname=test;charset=utf8", "root", "");
$videosParPage = 4;
$videosTotalesReq = $bdd->query('SELECT id FROM lisy_posts');
$videosTotales = $videosTotalesReq->rowCount();
$pagesTotales = ceil($videosTotales/$videosParPage);
if(isset($_GET['page']) AND !empty($_GET['page']) AND $_GET['page'] > 0 AND $_GET['page'] <= $pagesTotales) {
$_GET['page'] = intval($_GET['page']);
$pageCourante = $_GET['page'];
} else {
$pageCourante = 1;
}
$depart = ($pageCourante-1)*$videosParPage;
?>
<?php
$videos = $bdd->query('SELECT * FROM lisy_posts ORDER BY id DESC LIMIT '.$depart.','.$videosParPage);
while($vid = $videos->fetch()) {
?>
<b>N°<?php echo $vid['id']; ?> - <?php echo $vid['title']; ?></b><br />
<i><?php echo $vid['content']; ?></i>
<br /><br /><hr/>
<?php
}
?>
<?php
for($i=1;$i<=$pagesTotales;$i++) {
if($i == $pageCourante) {
echo $i.' ';
} else {
echo " <a href=\"pages/articles.php?page=$i\">$i</a> /";
}
}
?>Voici ma page index.php:
Code : Tout sélectionner
<?php
include 'functions/main-functions.php';
$pages = scandir('pages/');
if(isset($_GET['page']) && !empty($_GET['page'])){
if(in_array($_GET['page'].'.php',$pages)){
$page = $_GET['page'];
}else{
$page = "error";
}
}else{
$page = "home";
}
$pages_functions = scandir('functions/');
if(in_array($page.'.func.php',$pages_functions)){
include 'functions/'.$page.'.func.php';
}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Lisy-love | Officiel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS
================================================== -->
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/prettyPhoto.css" />
<link rel="stylesheet" href="css/flexslider.css" />
<link rel="stylesheet" href="css/custom-styles.css">
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>;
<link rel="stylesheet" href="css/style-ie.css"/>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- JS
================================================== -->
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>;
<script src="js/bootstrap.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.custom.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn-blog-next").click(function () {
$('#blogCarousel').carousel('next')
});
$("#btn-blog-prev").click(function () {
$('#blogCarousel').carousel('prev')
});
$("#btn-client-next").click(function () {
$('#clientCarousel').carousel('next')
});
$("#btn-client-prev").click(function () {
$('#clientCarousel').carousel('prev')
});
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
slideshow: true,
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</head>
<body class="home">
<!-- Color Bars (above header)-->
<div class="color-bar-1"></div>
<div class="color-bar-2 color-bg"></div>
<div class="container">
<!-- Début du Header -->
<!--Et Menu de Navigation
================================================== -->
<?php
include "body/topbar.php";
?>
<!-- Fin du Header Et Menu de Navigation -->
<?php
include 'pages/'.$page.'.php';
?>
<!-- Footer Area
================================================== -->
<?php
include "body/footer.php";
?>
<!-- End Footer -->
<!-- Scroll to Top -->
<div id="toTop" class="hidden-phone hidden-tablet">Rentrer en haut</div>
</body>
</html>merci de votre aide
