par
coc » 29 août 2016, 19:02
Bonjour,
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> /";
}
}
?>
La page index de mon site est celle qui fournit toutes les autres pages et qui inclu l'entête et le footer, et la page articles.php se situe dans un dossier nommé "pages , qui lui même se trouve dans le dossier principal de mon site, au même niveau que l'index.php.
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>
J'espère avoir été clair, pour voir le comportement du site en question voici le lien:
http://www.lecteursdb.cm/ajouts/ajouts/index.php
merci de votre aide
Bonjour,
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]<?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> /";
}
}
?>[/code]
La page index de mon site est celle qui fournit toutes les autres pages et qui inclu l'entête et le footer, et la page articles.php se situe dans un dossier nommé "pages , qui lui même se trouve dans le dossier principal de mon site, au même niveau que l'index.php.
Voici ma page index.php:
[code]<?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>[/code]
J'espère avoir été clair, pour voir le comportement du site en question voici le lien: http://www.lecteursdb.cm/ajouts/ajouts/index.php
merci de votre aide