Php'de Sayfa Boyutunu Php veya Javascript ile Ayarlama Nasıl Yapılır
Merhaba arkadaşlar. Sormak istediğim bir şey var. Bir site hazırlıyorum. Sayfanın birinde listeleme ve sayfalama yapıyorum. Veriler 4 adet satır olarak listelendiğinde dar ekran bir cihazda problem yok ama geniş ekran veya şöyle söyleyeyim, yüksekliği büyük ekranlarda mesela laptop'larda 4 adet veri sayfada az gözüküyor. Dün baktım internetten, 992 yüksekliğinde veya 1080 yüksekliğinde, php ve javascript boyuta göre ayarlama yapabiliniyormuş. Ben şöyle yaptım. Ben burada galiba php içinde javascript kullanımını, javascript içinde de php değişken kullanımını beceremedim. Nasıl yapabiliriz bunu acaba? Yardımcı olabilir misiniz?
<?php
$Sayfa = @intval($_GET['sayfa']); if(!$Sayfa) $Sayfa = 1;
$Say = "SELECT yeniprojedevameden_tamadi,
yeniprojedevameden_miktar,
yeniprojedevameden_yil,
yeniprojedevameden_durum
FROM yeniprojedevameden
ORDER BY yeniprojedevameden_id DESC";
$verisay = mysqli_query($db, $Say);
$ToplamVeri = mysqli_num_rows($verisay);
"<script>
function fonksiyon() {
var genislik = window.screen.width;
if(genislik > 992) {
$Limit = 12;
} else {
$Limit = 4;
}
});
fonksiyon();
</script>";
$Sayfa_Sayisi = ceil($ToplamVeri/$Limit); if($Sayfa > $Sayfa_Sayisi){$Sayfa = 1;}
$Goster = $Sayfa * $Limit - $Limit;
$GorunenSayfa = 2;
$yeniprojedevamedenlistele_sorgusu = "SELECT yeniprojedevameden_id,
yeniprojedevameden_tamadi,
yeniprojedevameden_miktar,
yeniprojedevameden_yil,
yeniprojedevameden_durum
FROM yeniprojedevameden
order by yeniprojedevameden_id
DESC limit $Goster, $Limit";
$yeniprojedevamedenlistele_sorgusu_query = mysqli_query($db, $yeniprojedevamedenlistele_sorgusu);
?>
Sayfanın başında değilde en sonda sayfalama çubuğu var. Ona aşağıdaki kodu verdim. Farklı sayfa yüksekliklerinde veriler, sayfalama çubuğunun üstüne biniyor. Mesela, 600px genişlikte olan bazı cihazlarda, veriler sayfalama çubuğunun üstüne biniyordu. Ama olayı şöyle çözdüm. Sayfanın en başına bir div koydum. Div'e de aşağıdaki gibi "display:grid" kodlarını verdim. Sayfanın başından sonuna kadar bir div içinde, ikinci div ise sayfalama idi zaten. Bu şekilde halloldu. Teşekkür ederim cevaplar için.
position:fixed;
bottom:0px;
display:grid;
grid-template-rows: auto auto;
grid-gap-row:1%;