document.getElementById('hidepage').style.visibility = 'hidden' has..

esquire_vik > 22-10-2006 15:22:03

Здравствуйте форумчане!
У меня возникла такая проблема с ФФ!
не работает скрипт предзагрузки страницы!

Код:

<script>
function preload(){
return true;
}
function loadPages() {
var preloadImg=preload();
if(preloadImg==true){
}
if (document.getElementById&&preloadImg) {  
document.getElementById('hidepage').style.visibility = 'hidden';
document.getElementById('hidepageblock').style.visibility = 'visible';
}
else{...}
  
}
</script>
<body onLoad="loadPages()">
<div id="hidepage" style="position:absolute; left:7px; top:3px; visibility:visible;  background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 5%; width: 206px; z-index:200"> 
<table width=207>
<tr><td width="199">Page loading ... Please wait.</td>
</tr></table></div> 
<div id="hidepageblock" style="position:absolute;  visibility:hidden; height:100%; width:100%; z-index:100;"> срдержимое</div>

Если содержимое текст то все работает отлично но как толко ето html, тект, с картинками работат не хочет видает

document.getElementById('hidepage') has no properties

В IE работает нормално в чем проблема?

Al_H > 22-10-2006 16:48:14

Там все контейнеры закрыты? Не могли бы Вы прислать два куска кода для сравнения - тот, который работает, и другой, который не работает.

esquire_vik > 22-10-2006 17:13:50

Al_H пишет

Там все контейнеры закрыты? Не могли бы Вы прислать два куска кода для сравнения - тот, который работает, и другой, который не работает.

Работает

Выделить код

Код:

<script>
function preload(){
return true;
}
function loadPages() {
var preloadImg=preload();
if(preloadImg==true){
}
if (document.getElementById&&preloadImg) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
document.getElementById('hidepageblock').style.visibility = 'visible';

}
else {
if (document.layers&&preloadImg) {  // Netscape 4

alert(" Netscape 4");
document.hidepage.visibility = 'hidden';
document.hidepageblock.visibility = 'visible';
}
else if(preloadImg){  // IE 4\
alert("IE 4");
document.all.hidepage.style.visibility = 'hidden';
document.all.hidepageblock.style.visibility = 'visible';
}
 //else {alert("eroor preload page");}     
}
  
}

</script>
<body onload="loadPages()" >

<div id="hidepage" style="position:absolute; left:7px; top:3px; visibility:visible;  background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 5%; width: 206px; z-index:200"> 
<table width=207>
<tr><td width="199">Page loading ... Please wait.</td>
</tr></table></div> 
<div id="hidepageblock" style="position:absolute;  visibility:hidden; height:100%; width:100%; z-index:100;">
Arial CD Ripper is a versatile and easy to use tool for CD grabbing and audio conversion.It can extract all your favourite CD tracks into MP3, WAV, OGG, FLAC, APE, you can convert a track in a minute and the whole CD tracks within a few minutes without losing the audio quality. Arial CD Ripper can also convert (from and to) most of the popular audio formats from one to another with as simple as a click. CDDB supported, Id3 tag editor provided
</div>

Не работает

Выделить код

Код:

<script>
function preload(){
return true;
}
function loadPages() {
var preloadImg=preload();
if(preloadImg==true){
}
if (document.getElementById&&preloadImg) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
document.getElementById('hidepageblock').style.visibility = 'visible';

}
else {
if (document.layers&&preloadImg) {  // Netscape 4

alert(" Netscape 4");
document.hidepage.visibility = 'hidden';
document.hidepageblock.visibility = 'visible';
}
else if(preloadImg){  // IE 4\
alert("IE 4");
document.all.hidepage.style.visibility = 'hidden';
document.all.hidepageblock.style.visibility = 'visible';
}
 //else {alert("eroor preload page");}     
}
  
}
</script>
 </head>

<body onload="loadPages()" bgcolor="#660033" >
<!-----------------************************************---//---->
<div id="hidepage" style="position:absolute; left:7px; top:3px; visibility:visible;  background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 5%; width: 206px; z-index:200"> 
<table width=207>
<tr><td width="199">Page loading ... Please wait.</td>
</tr></table></div> 
<div id="hidepageblock" style="position:absolute;  visibility:hidden; height:100%; width:100%; z-index:100;">

<!-----***********************************************************--//---->
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><div id="block_link"><a href="#" onmouseover="change_image('male','img/male_activ.jpg');" onmouseout="change_image('male','img/male_pasiv.jpg');"><img src="img/male_pasiv.jpg" title="male" alt="male" id="male" border="0"/></a></div></td>
    <td>&nbsp;</td>
    <td><div id="block_link"><a href="faq.html" onmouseover="change_image('faq','img/faq_active.jpg');" onmouseout="change_image('faq','img/faq_pasive.jpg');"><img src="img/faq_pasive.jpg"  title="FAQ" alt="FAQ"id="faq" /></a></div></td>
    <td>&nbsp;</td>
    <td><div id="block_link"><a href="londonescort-elitegirls-contact.html" onmouseover="change_image('contact','img/contact_activ.jpg');"onmouseout="change_image('contact','img/contact_pasiv.jpg');"><img src="img/contact_pasiv.jpg"  title="contact" alt="contact"  id="contact"/></a></div></td>
  </tr>
  
</table>

</div>

</body>

</html>

Al_H > 22-10-2006 19:01:04

Для начала, у Вас во втором куске кода

<div id="hidepage1"

в то время как проверки на наличие объектов у Вас нет.
Строчки

Выделить код

Код:

document.getElementById('hidepage').style.visibility = 'hidden';
document.getElementById('hidepageblock').style.visibility = 'visible';

Натыкаются на несуществующий объект, и выполнение скрипта приостанавливается.
Если Вы напишете

Выделить код

Код:

<div id="hidepage"

скрипт заработает.

esquire_vik > 22-10-2006 19:10:36

Al_H пишет

Для начала, у Вас во втором куске кода
<div id="hidepage1"
в то время как проверки на наличие объектов у Вас нет.
Строчки
Выделить код
Код:
document.getElementById('hidepage').style.visibility = 'hidden';
document.getElementById('hidepageblock').style.visibility = 'visible';
Натыкаются на несуществующий объект, и выполнение скрипта приостанавливается.
Если Вы напишете
Выделить код
Код:
<div id="hidepage"
скрипт заработает.

Al_H > 22-10-2006 19:14:05

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<script>
function preload(){
return true;
}
function loadPages() {
var preloadImg=preload();
if(preloadImg==true){
}
if (document.getElementById&&preloadImg) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
document.getElementById('hidepageblock').style.visibility = 'visible';

}
else {
if (document.layers&&preloadImg) {  // Netscape 4

alert(" Netscape 4");
document.hidepage.visibility = 'hidden';
document.hidepageblock.visibility = 'visible';
}
else if(preloadImg){  // IE 4\
alert("IE 4");
document.all.hidepage.style.visibility = 'hidden';
document.all.hidepageblock.style.visibility = 'visible';
}
 //else {alert("eroor preload page");}     
}
  
}
</script>
</head>
<body onload="loadPages()" bgcolor="#660033" >
<!-- -->
<div id="hidepage" style="position:absolute; left:7px; top:3px; visibility:visible;  background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 5%; width: 206px; z-index:200"> 
<table width=207>
<tr><td width="199">Page loading ... Please wait.</td>
</tr></table></div> 
<div id="hidepageblock" style="position:absolute;  visibility:hidden; height:100%; width:100%; z-index:100;">

<!-- -->
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><div id="block_link1"><a href="#" onmouseover="change_image('male','img/male_activ.jpg');" onmouseout="change_image('male','img/male_pasiv.jpg');"><img src="img/male_pasiv.jpg" title="male" alt="male" id="male" border="0"/></a></div></td>
    <td>&nbsp;</td>
    <td><div id="block_link2"><a href="faq.html" onmouseover="change_image('faq','img/faq_active.jpg');" onmouseout="change_image('faq','img/faq_pasive.jpg');"><img src="img/faq_pasive.jpg"  title="FAQ" alt="FAQ"id="faq" /></a></div></td>
    <td>&nbsp;</td>
    <td><div id="block_link3"><a href="londonescort-elitegirls-contact.html" onmouseover="change_image('contact','img/contact_activ.jpg');"onmouseout="change_image('contact','img/contact_pasiv.jpg');"><img src="img/contact_pasiv.jpg"  title="contact" alt="contact"  id="contact"/></a></div></td>
  </tr>
  
</table>

</div>

</body>
</html>

Вот это не работает?