| Autor | Zpráva | ||
|---|---|---|---|
| Rodgers23 Profil |
#1 · Zasláno: 15. 5. 2015, 22:51:42
Potřeboval bych poradit...z databáze si generuji výsledky (např. články) a zatím mám LIMIT nastaven na 20. Ale zajímalo by mě, zda se dá nějak udělat, že by mi databáze vyhodila těch 20 výsledků na stránku a když posunu posuvníkem až na spodní část prohlížeče, načte se mi dalších 20 výsledků atd. Nevím jestli je to reálné...Stránkování sice využívám, ale tady bych to chtěl využít takto. Nechci totiž zobrazit všechny výsledky najednou ať nezatěžuji databázi. Pokud je to reálné, nevíte někdo prosím, kde bych si o tom mohl přečíst víc?
|
||
| Alphard Profil |
Říká se tomu infinite scrolling (klíčová slova pro hledání) a je to naimplementováno v javascriptu. V základu takto stackoverflow.com/a/15182489 a existují i různé hotové pluginy.
„Nechci totiž zobrazit všechny výsledky najednou ať nezatěžuji databázi.“ Jestli se nebavíme o desetitisících a více záznamech, serverová část aplikace se s tím vyrovná bez problémů (standardní výpis z db by měl, nevím, jestli tam není nějaké složité dopočítávání). Stránkování se dělá kvůli uživatelům, jestli je žádoucí vypsat najednou více záznamů, vypište je hned. |
||
|
Časová prodleva: 3 dny
|
|||
| Rodgers23 Profil |
#3 · Zasláno: 18. 5. 2015, 11:50:27
A nevíte kde bych takový plugin našel. Vyzkoušel jsem pár pluginů ale nějak to nemohu rozchodit. Potřebuji, aby se mi rolovaly další výsledky článků postupně
<html>
<head>
</head>
<body>
<div id="clanky"><h1>Články</h1>
<p>
<!-- START article -->
{article-{ID}}
<div id="komentář">
<!-- START comments-{ID} -->
Komentář od {name} {surname}:</br>
<p class="text">{comment}</br>
<p class="postedtime"> {time}</p>
<!-- END comments-{ID} -->
<!-- END updates -->
</p>
</div>
</body>
</html> |
||
| Rodgers23 Profil |
#4 · Zasláno: 19. 5. 2015, 20:00:28
Tak už jsem něco splichtil, ale nevíte náhodou, jak bych mohl v javascriptu upravit to, že '<div class="newData"></div>' bych mohl přímo použít v body? Takhle mi to jde jen, když přidám html tagy s textem do javascriptu, což je nepřehledné...
<html>
<head>
<script type="text/javascript">
function yHandler(){
var wrap = document.getElementById('wrap');
var contentHeight = wrap.offsetHeight;
var yOffset = window.pageYOffset;
var y = yOffset + window.innerHeight;
if(y >= contentHeight){
wrap.innerHTML += '<div class="newData"></div>';
}
var status = document.getElementById();
status.innerHTML = contentHeight+" | "+y;
}
window.onscroll = yHandler;
</script>
<style type="text/css">
div.newData{height:2000px;}
</style>
</head>
<body>
<div id="clanky"><h1>Články</h1>
<p>
<div id="wrap">
<!-- START article -->
{article-{ID}}
<div id="komentář">
<!-- START comments-{ID} -->
Komentář od {name} {surname}:</br>
<p class="text">{comment}</br>
<p class="postedtime"> {time}</p>
<!-- END comments-{ID} -->
<!-- END updates -->
</p>
</div>
</div>
</body>
</html> |
||
|
Časová prodleva: 9 let
|
|||
0