Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][PHP][JavaScript]Automatyczne ukrywanie kafelek po przekroczeniu limitu
niveamen
post 22.08.2014, 20:37:26
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 22.08.2014

Ostrzeżenie: (0%)
-----

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ć?

Ten post edytował niveamen 22.08.2014, 20:51:11
Go to the top of the page
+Quote Post
Dapi
post 23.08.2014, 02:13:54
Post #2





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

Ostrzeżenie: (0%)
-----

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


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post
niveamen
post 23.08.2014, 15:32:33
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 22.08.2014

Ostrzeżenie: (0%)
-----

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>
Go to the top of the page
+Quote Post
Dapi
post 23.08.2014, 17:21:06
Post #4





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

Ostrzeżenie: (0%)
-----

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


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post
niveamen
post 23.08.2014, 17:57:11
Post #5





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 22.08.2014

Ostrzeżenie: (0%)
-----

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


Ten post edytował niveamen 24.08.2014, 01:11:31
Go to the top of the page
+Quote Post
Dapi
post 24.08.2014, 18:41:24
Post #6





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

Ostrzeżenie: (0%)
----- 

[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


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn