caricamento pagina

è possibile inserire un caricamento [anke una tabella con scritto loading e una gif] che duri per tutto il caricamento della pagina e che blocchi tutti i collegamenti? coem nei pannelli plesk + / - anke senza bloccare la pagina nn fa niente basta che funzia come loading :P

inviato 11 anni fa
Andrea Turso
Andrea Turso
86
X 0 X

probabilmente si può realizzare attraverso un Javascript ma purtroppo non sono ferrato in materia  :dunno:

 :bye:

risposto 11 anni fa
Gianni Tomasicchio
X 0 X

Per la visualizzazione di una scritta durante il caricamento di una pagina puoi usare javascript. Questo lo inserisci prima del BODY del programma:

<script>
function nascondi() {
if (document.all) {
document.all.loading.style.visibility="hidden";
}
else if (document.layers) {
document.layers.loading.visibility="hide";
}
else if (document.getElementById) {
document.getElementById.loading.style.visibility="hidden";
}
}
window.onload=nascondi;
</script>

Mentre all'interno dei tag body, dove vuoi che venga visualizzata la scritta loading... inserisci:

<div style="position:relative;" id="loading">
loading...
</div>

Considera che questa è una riga visualizzata durante il caricamento e che verrà nascosta §(non cancellata) al completamento della pagina. Pertanto alla fine avrai una riga vuota non utilizzabile per altro!

Per quanto riguarda l'inibizione dei link non so  :-\

risposto 11 anni fa
Nico Colonna
X 0 X

Figo  :punk: :punk: :punk:

 :bye:

risposto 11 anni fa
Gianni Tomasicchio
X 0 X

Scusate il ritardo, arrivo anch'io..... :uglystupid:

X fred: non capisco molto il codice che hai postato, perché se non sbaglio l'evento onload dell'elemento body non evviene a fine caricamente, ma quando comincia il caricamento, quindi non capisco come funziona...

cmq, per quanto riguarda l'inibizione degli oggetti il pannelllo plesk visualizza un'immagine trasparente con un livello maggiore degli altri elementi ma minore del livello del <div id='loading'>...

risposto 10 anni fa
Xscratch
X 0 X
X fred: non capisco molto il codice che hai postato, perché se non sbaglio l'evento onload dell'elemento body non evviene a fine caricamente, ma quando comincia il caricamento, quindi non capisco come funziona...

A me non pare, (da http://www.w3.org/TR/REC-html40/interact/scripts.html):

18.2.3 Intrinsic events

[...]

Attribute definitions

onload = script [CT]

The onload event occurs when the user agent finishes loading a window or all frames within a FRAMESET. This attribute may be used with BODY and FRAMESET elements.

 :bye:

risposto 10 anni fa
Nico Colonna
X 0 X

 :o chiedo umilmente scusa!!!

[move] :D[/move]

devo quindi farmi perdonare...

JAVASCRIPT

function body_loading()
{
   lockPage();
   displayMessage();
   
}

function body_loaded()
{
   unlockPage();
   hideMessage();
}

/**
* Mostra un messaggio 
*/
function displayMessage () {
   try {
      if (theBox = getObj('centerMessage')) {
         theBox.style.display = 'block';
      }
   } catch (e) {
   }
}

function hideMessage () {
   try {
      if (theBox = getObj('centerMessage')) {
         theBox.style.display = 'none';
      }
   } catch (e) {
   }
}

function lockPage() {
   try {
      if (theImage = getObj('traspbg')) {
         theImage.style.display = 'block';
      }
   } catch (e) {
   }
}

function unlockPage() {
   try {
      if (theImage = getObj('traspbg')) {
         theImage.style.display = 'none';
      }
   } catch (e) {
   }
}

STYLE

body, html {
   height:100%;
   margin:0;
}
#centerMessage {
   border: 1px solid blue;
   width:350px;
   height:200px;
   position:absolute;
   top:50%;
   left:50%;
   margin:-100px 0 0 -175px;
   background-color:#CCCCCC;
}

HTML

<head>
<script type="text/javascript" language="javascript">
body_loading();
</script>
</head>
<body onload="body_loaded()">
<div id="traspbg" style=" background-image:url(path/to/image/semi-transparent.gif); background-repeat:repeat; width:100%; height:100%; position:absolute; z-index:1000; "></div>
<div id="centerMessage" style="position:absolute; z-index:1500;"></div>
</body>

le immagini:

http://www.sgamevoli.com/loading.gif

http://www.sgamevoli.com/semi-transparent.gif

 :bye:

risposto 10 anni fa
Xscratch
X 0 X
Effettua l'accesso o registrati per rispondere a questa domanda