Loading:

Promocja Helion.pl

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>



Napisz Artykuł

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";
        }
}       
 


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=12112

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors