non so se può interessare, ma un po' di tempo fa avevo costruito un js che cliccando un pulsante, fa sparire il pulsante stesso e fa apparire un testo lampeggiante + una immagine di loading con preload.
il js è questo:
Codice HTML:
<script>
/*hide_change.js*/
var ie=(document.all);
var w3=(document.getElementById && !ie);
var img='<img src="http://forum.it.altervista.org/images/ajax-loader.gif" title="Loading">';
var txt='<blink> Loading Data , <b>Please Wait</b>... </blink>';
function doBlink() {
if (ie) b_link = document.all.tags("blink");
else if (w3) b_link = document.getElementsByTagName("blink");
else return;
for (var i=0; i<b_link.length; i++)
b_link[i].style.visibility = b_link[i].style.visibility == "" ? "hidden" : "";
}
function startBlink() {
if (ie || w3)
setInterval("doBlink()",1000);
}
function hide_button(element1,element2) {
if (ie) {
a = document.all(element1);
b = document.all(element2);
}else if (w3) {
a = document.getElementById(element1);
b = document.getElementById(element2);
}else return;
a.style.visibility = 'hidden';
//e.style.display = 'block';
b.style.visibility = 'visible';
b.innerHTML = txt+img;
}
function preload_img(){
var c=document.getElementById("image");
c.innerHTML = img;
c.style.visibility = 'hidden';
//a.style.display = 'block';
}
window.onload = preload_img;
</script>
e l'html del pulsante:
Codice HTML:
<html>
<body>
<input id="join" type="submit" value="Join Now!" onclick="hide_button('join','msg_loading');startBlink()" size="30">
<div id="msg_loading"></div><span id="image"></span>
</body>
</html>