![Rozwiń skrzydła w branży IT [Książki drukowane -35%| Ebooki -50%]](https://static01.helion.com.pl/helion/img/promocje/bannery/20491/Helion_rozwin_skrzydla_w_bran_Rpolony_f7c3c9fea_1180x419.jpg)
Prosty loading na stronie HTML
Skrypt pokazuje jak prosto bez użycia jQuery zrobić wyświetlenie pseudo loadingu po kliknięciu w dowolny link a href.
<html>
<head>
<script type="text/javascript" src="pseudoLoading.js"></script>
window.onload = Custom.init;
</head>
<body>
<div id="loading" style="position:absolute; z-index:999; background:#000000; margin-top:5px; border:#666666 solid 1px; left:50%; margin-left:-50px; width:100px; height:100px; color:#fff; display:none">Loading...</div>
</body>
</html>
Listing
//Plik pseudoLoading.js
var Custom = {
init: function() {
var inputs = document.getElementsByTagName("a");
for(a = 0; a < inputs.length; a++) {
inputs[a].onclick= Custom.loading;
}
},
loading: function() {
loading = document.getElementById("loading");
loading.style.display="block";
}
}
var Custom = {
init: function() {
var inputs = document.getElementsByTagName("a");
for(a = 0; a < inputs.length; a++) {
inputs[a].onclick= Custom.loading;
}
},
loading: function() {
loading = document.getElementById("loading");
loading.style.display="block";
}
}
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
