Lubisz flat white? Programujmy wspólnie. Przy kawie.
  • Blog
  • Lifestyle
  • Linux
  • Programowanie
    • Open source
    • PHP
    • Porady
    • REST
    • SQL
28 stycznia 2012 przez Przemysław Sobolewski 4
PHP, Porady

Ładowanie strony przy jej scrollowaniu w dół (jQuery&php).

Ładowanie strony przy jej scrollowaniu w dół (jQuery&php).
28 stycznia 2012 przez Przemysław Sobolewski 4
PHP, Porady

Ten poradnik jest o ładowaniu danych (SQL), podczas gdy strona jest przewijana (zastosowanie jQuery i PHP).
Przykładowo mamy wiele danych, ale nie możemy ich wyświetlić wszystkich z pomocą przychodzi skrypt który pozwala na wyświetlanie określonej ilości danych, a po scrollowaniu strony automatycznie doładowywują się pozostałe dane.

Zapoznaj się z demem, a jak Ci się spodoba to zobacz jak to jest zrobione.

DEMO DOWNLOAD


 

Kompatybilne z przeglądarkami : Safari, Firefox, IE, Chrome

 

Plik: load_data.php

[php]<?php
include(’config.php’);
$last_msg_id=$_GET[’last_msg_id’];
$action=$_GET[’action’];

if($action <> "get")
{
?>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
function last_msg_funtion()
{
var ID=$(".message_box:last").attr("id");
$(’div#last_msg_loader’).html('<img src="bigLoader.gif">’);
$.post("load_data.php?action=get&last_msg_id="+ID,

function(data){
if (data != "") {
$(".message_box:last").after(data);
}
$(’div#last_msg_loader’).empty();
});
};

$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() – $(window).height()){
last_msg_funtion();
}
});
});
</script>

</head>
<body>
<?php
include(’load_first.php’); //Include load_first.php
?>
<div id="last_msg_loader"></div>
</body>
</html>
<?php
}

else
{
include(’load_second.php’); //include load_second.php
}
?>[/php]

Plik: load_first.php

[php]
<?php
$sql=mysql_query("SELECT * FROM messages ORDER BY mes_id DESC LIMIT 20");
while($row=mysql_fetch_array($sql))
{
$msgID= $row[’mes_id’];
$msg= $row[’msg’];
?>
<div id="<?php echo $msgID; ?>" class="message_box" >
<?php echo $msg; ?>
</div>
<?php
}
?>
[/php]

Plik: load_second.php

[php]
<?php
$last_msg_id=$_GET[’last_msg_id’];
$sql=mysql_query("SELECT * FROM messages WHERE mes_id < '$last_msg_id’ ORDER BY mes_id DESC LIMIT 5");
$last_msg_id="";
while($row=mysql_fetch_array($sql))
{
$msgID= $row[’mes_id’];
$msg= $row[’msg’];
?>
<div id="<?php echo $msgID; ?>" class="message_box" >
<?php echo $msg;
?>
</div>
<?php
}
?>
[/php]

Plik: style.css

[code lang=”css”]
body
{
font-family:’Georgia’,Times New Roman, Times, serif;
font-size:18px;
}
.message_box
{
height:60px;
width:600px;
border:dashed 1px #48B1D9;
padding:5px ;
}
#last_msg_loader
{
text-align: right;
width: 920px;
margin: -125px auto 0 auto;
}
.number
{
float:right;
background-color:#48B1D9;
color:#000;
font-weight:bold;
}
[/code]

jquery php sql

Poprzedni artykułOutlock 2007 stopka HTML.Następny artykuł Efekt 3D tekst w CSS3.

4 komentarzy

Wojtek pisze:
3 marca 2013 o 02:23

A cos wiecej? Brak wyjasnien.

Odpowiedz
wojtek pisze:
3 marca 2013 o 02:27

i kjak wyglada config.php ?
chodzi o ten z phpmyadmin?

Odpowiedz
shofer pisze:
15 marca 2013 o 08:04

Plik config.php :

$mysql_hostname = „localhost”;
$mysql_user = „root”;
$mysql_password = „root”;
$mysql_database = „9lessons”;
$prefix = „”;
$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die(„Could not connect database”);
mysql_select_db($mysql_database, $bd) or die(„Could not select database”);

Odpowiedz
Darek pisze:
15 maja 2017 o 12:44

Nie ma nic w demie…

Odpowiedz

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Postaw mi kawę na buycoffee.to

Znajdziesz mnie na

TOP

  • 19 najlepszych praktyk w PHP dla początkujących.
  • Pisz SOLIDny kod. Poznaj lepiej SOLID.
  • Nareszcie! Nowe funkcjonalności w PHP 8.
  • OMG! Ubuntu 19.10 „Eoan Ermine” już dostępny!
  • Sprawdzona prognoza pogody online

Tagi

brucelee C# css3 cytaty domena favicon film flash fonts format c generator google google chrome hasła host inspiracja instalacja intro jquery js loading logowanie menu na luzaku obrót opera Outlock 2007 ovh pdf php plugin plyta glowna podręcznik pokaz/ukryj porady pozycjonowanie program programy screen sortowanie sql sumatra pdf Visual Studio 2008 windows xp WordPress

Polecam:

- Jak założyć sklep internetowy?

Better Future

Żyjemy w dynamicznych czasach gdzie informacja jest cenniejsza niż pieniądze. Na moim blogu zdobędziesz cenną wiedzę całkowicie za DARMO. Dlaczego? Sprawdź w moich postach!

Ostatnie wpisy

19 najlepszych praktyk w PHP dla początkujących.25 czerwca 2022
Pisz SOLIDny kod. Poznaj lepiej SOLID.12 września 2021
Nareszcie! Nowe funkcjonalności w PHP 8.30 czerwca 2021

Kontakt

Pisz na: hi@przemyslawsobolewski.com
hi@przemyslawsobolewski.comwww.przemyslawsobolewski.com

Ostatnie wpisy

19 najlepszych praktyk w PHP dla początkujących.25 czerwca 2022
Pisz SOLIDny kod. Poznaj lepiej SOLID.12 września 2021
Nareszcie! Nowe funkcjonalności w PHP 8.30 czerwca 2021

Popularne wpisy

Mnożenie i dodawanie macierzy w C#6 comments
Ciąg Fibonacciego w C#.5 comments
Jak obrócić obraz w pliku .pdf ?4 comments