Diskuze: Propojení
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Wal De Mar-Lad:23.8.2017 11:18
Úprimne, ja zasa nerozumiem Tvojej otázke. O aké IDE ide? 
Princíp lazy loadingu nemá nič
spoločné so žiadnym IDE.
Wal De Mar-Lad:23.8.2017 12:08
Tu to máš vyskladané v jednom súbore:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lazy loading</title>
<style>
#myList li {
display:none;
}
#loadMore {
color:green;
cursor:pointer;
}
#loadMore:hover {
color:black;
}
#showLess {
color:red;
cursor:pointer;
}
#showLess:hover {
color:black;
}
</style>
</head>
<body>
<ul id="myList">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
<li>Eight</li>
<li>Nine</li>
<li>Ten</li>
<li>Eleven</li>
<li>Twelve</li>
<li>Thirteen</li>
<li>Fourteen</li>
<li>Fifteen</li>
<li>Sixteen</li>
<li>Seventeen</li>
<li>Eighteen</li>
<li>Nineteen</li>
<li>Twenty one</li>
<li>Twenty two</li>
<li>Twenty three</li>
<li>Twenty four</li>
<li>Twenty five</li>
</ul>
<div id="loadMore">Load more</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function () {
var size_li = $('#myList li').size()
var x = 3
$('#myList li:lt(' + x + ')').show()
$('#loadMore').click(function () {
x = (x + 5 <= size_li) ? x + 5 : size_li
$('#myList li:lt(' + x + ')').show()
})
})
</script>
</body>
</html>
Akceptované řešení
+20 Zkušeností
+20 Zkušeností
Zobrazeno 5 zpráv z 5.