Funzione Body Onload non supportata da Intrnet Explorer

**Giuseppe SeiON** · 03-01-2012, 14:03

Salve a tutti... Nel mio sito ho inserito un codice che fa comparire durante il caricamento della pagina un box di caricamento in corso... La funzione che ho inserito per far scomparire alla fine del caricamento questo box è la seguente:

codice:

<body onLoad="cacheOff()">

Il mio problema è che body onLoad non è compatibile da Internet Explorer, e quindi coloro che lo usano visualizzano questo box anche quando il caricamento della pagina è terminato.
Cosa posso utilizzare per far scomparire il box e che sia compatibile per explorer?

**webdemo** · 03-01-2012, 16:49

sposto in JS

**Xinod** · 03-01-2012, 17:22

Originariamente inviato da Giuseppe SeiON
Il mio problema è che body onLoad non è compatibile da Internet Explorer

questa e' una tua supposizione
il problema e' altrove

**Giuseppe SeiON** · 03-01-2012, 17:48

Originariamente inviato da Xinod
questa e' una tua supposizione
il problema e' altrove

Allora forse è CacheOff che non è supportato da IE

Guarda questo è l'intero codice che ho inserito per far comparire il box di caricamento in corso

codice:

<style type="text/css">
#cache { position:fixed; left: 0; bottom: 0; z-index:10; visibility:hidden;}
</style> 
<div id="cache">
<table width=400 bgcolor=#000000 border="0" style="border-width:1; border-
color:ff0000; border-style:dashed;" cellpadding=0 cellspacing=0> <tr>
<td align="center" valign=middle>
<table width=100% bgcolor=#ffff00 border="0" cellpadding=0 cellspacing=0>
<tr>
<td align="center" valign=middle><font face="verdana" size=3
color=#000000>
Attendere...caricamento in corso</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache}
else if (dom) {cach = document.getElementById("cache").style}
else if (iex) {cach = cache.style}
largeur = screen.width;
cach.left = Math.round((largeur/2)-250);
cach.visibility = "visible";
function cacheOff()
{
cach.visibility = "hidden";
}
</script>

Il richiamatore, come ho già detto prima è

codice:

<body onLoad="cacheOff()">

Forse c'è qualcosa che non è compatibile su IE nel codice del "Caricamento in corso"?

**Xinod** · 03-01-2012, 18:04

e' un codice molto anacronistico: seppure avessi in mente di supportare NN4/IE4 (e non mi sembra il caso nel 2012) probabilmente non potresti posizionare fixed il livello

quindi elimina tutto lo script e lascia solo

codice:

function cacheOff()
{
document.getElementById("cache").style.display = "none";
}

meglio display che visibility perche' da nascosto non vuoi che occupi spazio

ciao

**Giuseppe SeiON** · 03-01-2012, 18:24

Originariamente inviato da Xinod
e' un codice molto anacronistico: seppure avessi in mente di supportare NN4/IE4 (e non mi sembra il caso nel 2012) probabilmente non potresti posizionare fixed il livello

quindi elimina tutto lo script e lascia solo

codice:

function cacheOff()
{
document.getElementById("cache").style.display = "none";
}

meglio display che visibility perche' da nascosto non vuoi che occupi spazio

ciao

L'ho provato, funziona. In questo modo risparmio anche spazio, però ho sempre lo stesso problema: con IE non funziona!

**xproj** · 03-01-2012, 18:42

su quale versione di IE non funziona?

**Giuseppe SeiON** · 03-01-2012, 18:55

Originariamente inviato da xproj
su quale versione di IE non funziona?

sulla 9

**xproj** · 03-01-2012, 19:03

Originariamente inviato da Giuseppe SeiON
sulla 9

prova a nascondere un div con dentro solo del testo, togliendo la tabella?

Mi posti il tag <html>?

**Giuseppe SeiON** · 03-01-2012, 19:25

Originariamente inviato da xproj
prova a nascondere un div con dentro solo del testo, togliendo la tabella?

Non ho capito

Mi posti il tag <html>?

Eccolo

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Titolo</title>

<style type="text/css">
#cache { position:fixed; right: 0; bottom: 0; z-index:10; visibility:hidden;}
</style> 
<div id="cache">
<table width=400 bgcolor=#000000 border="0" style="border-width:3; border-
color:000000; border-style:solid;" cellpadding=0 cellspacing=0> <tr>
<td align="center" valign=middle>
<table width=100% bgcolor=#ffff00 border="0" cellpadding=0 cellspacing=0>
<tr>
<td align="center" valign=middle><font face="verdana" size=3
color=#000000>
Caricamento in corso</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
function cacheOff()
{
document.getElementById("cache").style.display = "none";
}
</script>
<body onLoad="cacheOff()">

</head>
</body>
</html>

Discussione: Funzione Body Onload non supportata da Intrnet Explorer

Strumenti discussione

Ricerca discussione

Visualizza

Funzione Body Onload non supportata da Intrnet Explorer

Re: Funzione Body Onload non supportata da Intrnet Explorer

Re: Re: Funzione Body Onload non supportata da Intrnet Explorer

Permessi di invio