Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP][JavaScript]Automatyczne ukrywanie kafelek po przekroczeniu limitu
Forum PHP.pl > Forum > Przedszkole
niveamen
22.08.2014, 20:37:26
hey,

Mam problem, nie wiem jak zrobić żeby zrobił mi się automatycznie odnośnik? do starszych wpisów czyli tych prostokątów, tak jak to pokazałem na zdjęciu, ale może być trochę inaczej wykonane, sam nie wiem jak to dobrze zrobić.
Czyli mam pustą stronę a potem jak dodam np 20 prostokątnych zdjęć 150:60px to zrobi się np na dole czy na górze strony odnośnik do tych starszych.
Te najnowsze maja być od samej góry, plus jeszcze chcę wykonać podpisy pod nimi z datą ich dodania. I te zdjęcia mają być klikalne, prowadzić do innych stron.

obrazek: http://zapodaj.net/00d2d0a3c76cc.png.html
Jak takie coś zrobić?
Dapi
23.08.2014, 02:13:54
Zdjęcia pobierasz z bazy, czy wrzucasz ręcznie?

Jest późno i śpię, ale coś skrobnę. Nie sprawdzane, pisane na kolanie. Mimo to powinno działać. wink.gif

Jeśli z bazy: (fragmenty kodu, które musisz sobie już sam posklejać znając choć trochę php i mysql)
[PHP] pobierz, plaintext 
  1.     $limit = 20; // ile rekordów pobrać
  2.     $start = (($_GET['page']-1)*$limit ); // od którego zacząć
[PHP] pobierz, plaintext



Zapytanie wybierające rekordy (przykład):
[SQL] pobierz, plaintext 
  1.     SELECT * FROM nazwa_tabeli LIMIT $start, $limit;
[SQL] pobierz, plaintext



Zapytanie zliczające rekordy:
[SQL] pobierz, plaintext 
  1.     SELECT count(*) FROM nazwa_tabeli LIMIT 1;
[SQL] pobierz, plaintext



I generowanie linka w razie potrzeby:

[PHP] pobierz, plaintext 
  1.     if($zapytanie['count(*)'] > 20{
  2.     $next = '<a href="?page='.($_GET['page']-1).'">Następne</a>';
  3.     $prev = '<a href="?page='.($_GET['page']+1).'">Poprzednie</a>';
  4.     echo $next.' '.$prev;
  5.     } 
[PHP] pobierz, plaintext





Jeśli ręcznie: (chyba cały kod, do ostylowania i ohateemelowania wg uznania)

[PHP] pobierz, plaintext 
  1.     $limit = 20; // ile rekordów pobrać
  2.     $start = (($_GET['page']-1)*$limit ); // od którego zacząć
  3.  
  4.  
  5.  
  6.     $tablica[0]['photo'] = 'adres/fotki1.jpeg';
  7.     $tablica[0]['data'] = '01.02.03 04:05';
  8.     $tablica[0]['link'] = 'adres/odnośnika1.html';
  9.  
  10.     $tablica[1]['photo'] = 'adres/fotki2.jpeg';
  11.     $tablica[2]['data'] = '12.11.10 09:08';
  12.     $tablica[3]['link'] = 'adres/odnośnika2.html';
  13.  
  14.     if($start < 0){
  15.         $next = '<a href="?page='.($_GET['page']-1).'">Następne</a>';
  16.     }
  17.  
  18.     if(count($tablica) > $start+20){
  19.         $prev = '<a href="?page='.($_GET['page']+1).'">Poprzednie</a>';
  20.     }
  21.  
  22.  
  23.     for($n = $start; $n <= $start+$limit; $n++){
  24.         if($tablica[$n]['photo'] != ''){
  25.             echo '<a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><br>'.$tablica[$n]['data'].'</a>';
  26.         }
  27.     }
[PHP] pobierz, plaintext
niveamen
23.08.2014, 15:32:33
Czemu mi tylko 1 zdjęcie wyświetla?


CODE
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>

<?php
$limit = 20; // ile rekordów pobrać
$start = (($_GET['page']-1)*$limit ); // od którego zacząć



$tablica[0]['photo'] = 'img/1.png';
$tablica[0]['data'] = '01.02.03 04:05';
$tablica[0]['link'] = 'adres/odnośnika1.html';

$tablica[1]['photo'] = 'img/2.png';
$tablica[2]['data'] = '12.11.10 09:08';
$tablica[3]['link'] = 'adres/odnośnika2.html';

if($start < 0){
$next = '<a href="?page='.($_GET['page']-1).'">Następne</a>';
}

if(count($tablica) > $start+20){
$prev = '<a href="?page='.($_GET['page']+1).'">Poprzednie</a>';
}


for($n = $start; $n <= $start+$limit; $n++){
if($tablica[$n]['photo'] != ''){
echo '<a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><br>'.$tablica[$n]['data'].'</a>';
}
}
?>
</body>
</html>
Dapi
23.08.2014, 17:21:06
Po
[PHP] pobierz, plaintext 
  1. $start = (($_GET['page']-1)*$limit ); // od którego zacząć
[PHP] pobierz, plaintext


Dodaj
[PHP] pobierz, plaintext 
  1. if($start <= 0){ $start = 1; }
[PHP] pobierz, plaintext


I jeszcze widzę, że mnie poniosło i przy tablicy pokićkałem indeksy.
Oczywiście do drugiego zdjęcia indeksy lecą kolejno 1,1,1 a nie 1,2,3. wink.gif
niveamen
23.08.2014, 17:57:11
Wyświetla obrazki ale coś ten limit nie działa, dobrze to robię?



[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. </head>
  6. <body>
  7.  
  8. <?php
  9.     $limit = 20; // ile rekordów pobrać
  10.     $start = (($_GET['page']-1)*$limit ); // od którego zacząć
  11.     if($start <= 0){ $start = 1; }
  12.  
  13.  
  14.  
  15.     $tablica[0]['photo'] = 'img/2.png';
  16.     $tablica[0]['data'] = '01.02.03 04:05';
  17.     $tablica[0]['link'] = 'adres/odnośnika1.html';
  18.  
  19.     $tablica[1]['photo'] = 'img/2.png';
  20.     $tablica[1]['data'] = '12.11.10 09:08';
  21.     $tablica[1]['link'] = 'adres/odnośnika2.html';
  22.  
  23.     $tablica[2]['photo'] = 'img/2.png';
  24.     $tablica[2]['data'] = '12.11.10 09:08';
  25.     $tablica[2]['link'] = 'adres/odnośnika2.html';
  26.  
  27.     $tablica[3]['photo'] = 'img/2.png';
  28.     $tablica[3]['data'] = '12.11.10 09:08';
  29.     $tablica[3]['link'] = 'adres/odnośnika2.html';
  30.  
  31.     $tablica[4]['photo'] = 'img/2.png';
  32.     $tablica[4]['data'] = '12.11.10 09:08';
  33.     $tablica[4]['link'] = 'adres/odnośnika2.html';
  34.  
  35.     $tablica[5]['photo'] = 'img/2.png';
  36.     $tablica[5]['data'] = '12.11.10 09:08';
  37.     $tablica[5]['link'] = 'adres/odnośnika2.html';
  38.  
  39.     $tablica[6]['photo'] = 'img/2.png';
  40.     $tablica[6]['data'] = '01.02.03 04:05';
  41.     $tablica[6]['link'] = 'adres/odnośnika1.html';
  42.  
  43.     $tablica[7]['photo'] = 'img/2.png';
  44.     $tablica[7]['data'] = '12.11.10 09:08';
  45.     $tablica[7]['link'] = 'adres/odnośnika2.html';
  46.  
  47.     $tablica[8]['photo'] = 'img/2.png';
  48.     $tablica[8]['data'] = '12.11.10 09:08';
  49.     $tablica[8]['link'] = 'adres/odnośnika2.html';
  50.  
  51.     $tablica[9]['photo'] = 'img/2.png';
  52.     $tablica[9]['data'] = '12.11.10 09:08';
  53.     $tablica[9]['link'] = 'adres/odnośnika2.html';
  54.  
  55.     $tablica[10]['photo'] = 'img/2.png';
  56.     $tablica[10]['data'] = '12.11.10 09:08';
  57.     $tablica[10]['link'] = 'adres/odnośnika2.html';
  58.  
  59.     $tablica[11]['photo'] = 'img/2.png';
  60.     $tablica[11]['data'] = '12.11.10 09:08';
  61.     $tablica[11]['link'] = 'adres/odnośnika2.html';
  62.  
  63.     $tablica[12]['photo'] = 'img/2.png';
  64.     $tablica[12]['data'] = '12.11.10 09:08';
  65.     $tablica[12]['link'] = 'adres/odnośnika2.html';
  66.  
  67.     $tablica[13]['photo'] = 'img/2.png';
  68.     $tablica[13]['data'] = '12.11.10 09:08';
  69.     $tablica[13]['link'] = 'adres/odnośnika2.html';
  70.  
  71.     $tablica[14]['photo'] = 'img/2.png';
  72.     $tablica[14]['data'] = '12.11.10 09:08';
  73.     $tablica[14]['link'] = 'adres/odnośnika2.html';
  74.  
  75.     $tablica[15]['photo'] = 'img/2.png';
  76.     $tablica[15]['data'] = '12.11.10 09:08';
  77.     $tablica[15]['link'] = 'adres/odnośnika2.html';
  78.  
  79.     $tablica[16]['photo'] = 'img/2.png';
  80.     $tablica[16]['data'] = '12.11.10 09:08';
  81.     $tablica[16]['link'] = 'adres/odnośnika2.html';
  82.  
  83.     $tablica[17]['photo'] = 'img/2.png';
  84.     $tablica[17]['data'] = '01.02.03 04:05';
  85.     $tablica[17]['link'] = 'adres/odnośnika1.html';
  86.  
  87.     $tablica[18]['photo'] = 'img/2.png';
  88.     $tablica[18]['data'] = '12.11.10 09:08';
  89.     $tablica[18]['link'] = 'adres/odnośnika2.html';
  90.  
  91.     $tablica[19]['photo'] = 'img/2.png';
  92.     $tablica[19]['data'] = '12.11.10 09:08';
  93.     $tablica[19]['link'] = 'adres/odnośnika2.html';
  94.  
  95.     $tablica[20]['photo'] = 'img/2.png';
  96.     $tablica[20]['data'] = '12.11.10 09:08';
  97.     $tablica[20]['link'] = 'adres/odnośnika2.html';
  98.  
  99.     $tablica[21]['photo'] = 'img/2.png';
  100.     $tablica[21]['data'] = '12.11.10 09:08';
  101.     $tablica[21]['link'] = 'adres/odnośnika2.html';
  102.  
  103.     $tablica[22]['photo'] = 'img/1.png';
  104.     $tablica[22]['data'] = '12.11.10 09:08';
  105.     $tablica[22]['link'] = 'adres/odnośnika2.html';
  106.  
  107.     $tablica[23]['photo'] = 'img/1.png';
  108.     $tablica[23]['data'] = '12.11.10 09:08';
  109.     $tablica[23]['link'] = 'adres/odnośnika2.html';
  110.  
  111.  
  112.     if($start < 0){
  113.         $next = '<a href="?page='.($_GET['page']-1).'">Następne</a>';
  114.     }
  115.  
  116.     if(count($tablica) > $start+20){
  117.         $prev = '<a href="?page='.($_GET['page']+1).'">Poprzednie</a>';
  118.     }
  119.  
  120.  
  121.     for($n = $start; $n <= $start+$limit; $n++){
  122.         if($tablica[$n]['photo'] != ''){
  123.             echo '<a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><br>'.$tablica[$n]['data'].'</a>';
  124.         }
  125.     }
  126. ?>
  127.  
  128. </body>
  129. </html>
[PHP] pobierz, plaintext
Dapi
24.08.2014, 18:41:24 
[PHP] pobierz, plaintext 
  1.     <!DOCTYPE HTML>
  2.     <html>
  3.     <head>
  4.     <meta charset="utf-8" />
  5.     </head>
  6.     <body>
  7.  
  8.     <?php
  9.     $limit = 5; // ile rekordów pobrać
  10.     $start = $_GET['page']; // od którego zacząć
  11.     if($start <= 0){ $start = 1; }
  12.  
  13.  
  14.  
  15.     $tablica[0]['photo'] = 'img/2.png';
  16.     $tablica[0]['data'] = '00 01.02.03 04:05';
  17.     $tablica[0]['link'] = 'adres/odnośnika1.html';
  18.  
  19.     $tablica[1]['photo'] = 'img/2.png';
  20.     $tablica[1]['data'] = '11 12.11.10 09:08';
  21.     $tablica[1]['link'] = 'adres/odnośnika2.html';
  22.  
  23.     $tablica[2]['photo'] = 'img/2.png';
  24.     $tablica[2]['data'] = '22 12.11.10 09:08';
  25.     $tablica[2]['link'] = 'adres/odnośnika2.html';
  26.  
  27.     $tablica[3]['photo'] = 'img/2.png';
  28.     $tablica[3]['data'] = '3 12.11.10 09:08';
  29.     $tablica[3]['link'] = 'adres/odnośnika2.html';
  30.  
  31.     $tablica[4]['photo'] = 'img/2.png';
  32.     $tablica[4]['data'] = '4 12.11.10 09:08';
  33.     $tablica[4]['link'] = 'adres/odnośnika2.html';
  34.  
  35.     $tablica[5]['photo'] = 'img/2.png';
  36.     $tablica[5]['data'] = '5 12.11.10 09:08';
  37.     $tablica[5]['link'] = 'adres/odnośnika2.html';
  38.  
  39.     $tablica[6]['photo'] = 'img/2.png';
  40.     $tablica[6]['data'] = '6 01.02.03 04:05';
  41.     $tablica[6]['link'] = 'adres/odnośnika1.html';
  42.  
  43.     $tablica[7]['photo'] = 'img/2.png';
  44.     $tablica[7]['data'] = '7 12.11.10 09:08';
  45.     $tablica[7]['link'] = 'adres/odnośnika2.html';
  46.  
  47.     $tablica[8]['photo'] = 'img/2.png';
  48.     $tablica[8]['data'] = '8 12.11.10 09:08';
  49.     $tablica[8]['link'] = 'adres/odnośnika2.html';
  50.  
  51.     $tablica[9]['photo'] = 'img/2.png';
  52.     $tablica[9]['data'] = '9 12.11.10 09:08';
  53.     $tablica[9]['link'] = 'adres/odnośnika2.html';
  54.  
  55.     $tablica[10]['photo'] = 'img/2.png';
  56.     $tablica[10]['data'] = '10 12.11.10 09:08';
  57.     $tablica[10]['link'] = 'adres/odnośnika2.html';
  58.  
  59.     $tablica[11]['photo'] = 'img/2.png';
  60.     $tablica[11]['data'] = '11 12.11.10 09:08';
  61.     $tablica[11]['link'] = 'adres/odnośnika2.html';
  62.  
  63.     $tablica[12]['photo'] = 'img/2.png';
  64.     $tablica[12]['data'] = '12 12.11.10 09:08';
  65.     $tablica[12]['link'] = 'adres/odnośnika2.html';
  66.  
  67.     $tablica[13]['photo'] = 'img/2.png';
  68.     $tablica[13]['data'] = '13 .11.10 09:08';
  69.     $tablica[13]['link'] = 'adres/odnośnika2.html';
  70.  
  71.     $tablica[14]['photo'] = 'img/2.png';
  72.     $tablica[14]['data'] = '14 .11.10 09:08';
  73.     $tablica[14]['link'] = 'adres/odnośnika2.html';
  74.  
  75.     $tablica[15]['photo'] = 'img/2.png';
  76.     $tablica[15]['data'] = '15 .11.10 09:08';
  77.     $tablica[15]['link'] = 'adres/odnośnika2.html';
  78.  
  79.     $tablica[16]['photo'] = 'img/2.png';
  80.     $tablica[16]['data'] = '16 .11.10 09:08';
  81.     $tablica[16]['link'] = 'adres/odnośnika2.html';
  82.  
  83.     $tablica[17]['photo'] = 'img/2.png';
  84.     $tablica[17]['data'] = '17 .02.03 04:05';
  85.     $tablica[17]['link'] = 'adres/odnośnika1.html';
  86.  
  87.     $tablica[18]['photo'] = 'img/2.png';
  88.     $tablica[18]['data'] = '18 .11.10 09:08';
  89.     $tablica[18]['link'] = 'adres/odnośnika2.html';
  90.  
  91.     $tablica[19]['photo'] = 'img/2.png';
  92.     $tablica[19]['data'] = '18 .11.10 09:08';
  93.     $tablica[19]['link'] = 'adres/odnośnika2.html';
  94.  
  95.     $tablica[20]['photo'] = 'img/2.png';
  96.     $tablica[20]['data'] = '20.11.10 09:08';
  97.     $tablica[20]['link'] = 'adres/odnośnika2.html';
  98.  
  99.     $tablica[21]['photo'] = 'img/2.png';
  100.     $tablica[21]['data'] = '12.11.10 09:08';
  101.     $tablica[21]['link'] = 'adres/odnośnika2.html';
  102.  
  103.     $tablica[22]['photo'] = 'img/1.png';
  104.     $tablica[22]['data'] = '12.11.10 09:08';
  105.     $tablica[22]['link'] = 'adres/odnośnika2.html';
  106.  
  107.     $tablica[23]['photo'] = 'img/1.png';
  108.     $tablica[23]['data'] = '23 12.11.10 09:08';
  109.     $tablica[23]['link'] = 'adres/odnośnika2.html';
  110.  
  111.  
  112.     if($start > 1){
  113.     $next = '<a href="?page='.($start-1).'">Poprzednie</a>';
  114.     }
  115.  
  116.     if(count($tablica) > $start*$limit){
  117.     $prev = '<a href="?page='.($start+1).'">Następne</a>';
  118.     }
  119.  
  120.     $start = ($start-1)*$limit;
  121.  
  122.     for($n = $start; $n < $start+$limit; $n++){
  123.         if($tablica[$n]['photo'] != ''){
  124.             echo '<a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><br>'.$tablica[$n]['data'].'</a>';
  125.         }
  126.     }
  127.     echo '<br><br>'.$next.' // '.$prev;
  128.     ?>
  129.  
  130.     </body>
  131.     </html>
[PHP] pobierz, plaintext


brakło ostatniego "echo". Do tego drobne poprawki kosmetyczne i śmiga wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.