Проблем с JavaScript preloader под IE6

  • Автор Автор emagi
  • Начална дата Начална дата
E

emagi

Registered
Значи направих тук един сайт:http://sou.host-bg.info/
Обаче, ми прави проблем preloader-a на main.php страницата!Под Mozilla е идеално, под Opera още по-добре, обаче под IE6 е траги-комедия!
Ето и кода на сайта:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>.::СОУ "Черноризец Храбър" ::.</title>
<link rel="stylesheet" href="css/main.css"/>
<link href="img/logo.ico" rel="shortcut icon" type="/img/x-icon" />
<style type="text/css">
#hidepage {
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
background-image:url(/img/overlay.png);
z-index:50;
}
* html #hidepage{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
	}
</style>
<script type="text/javascript" src="stmenu.js"></script>
<script type="text/javascript">
function email ()
       {
                window.open("mail.php","","top=50,left=50,width=740,height=375");
       }


</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="stmenu.js"></script>
</head>

<body OnLoad="loadImages()">
<script type="text/javascript">
document.write('<div id="hidepage">');
document.write('<table style="height:100%; width:100%; text-align:center">');
document.write('<tr><td valign="middle" align="center">Моля, изчакайте!<br /><img src="/img/loading.gif" />');
document.write('</td></tr></table>');
document.write('</div>');
</script>
<div id="poz"><div id="header"><table><tr><td><span id="alImg2"><img src="img/header.png" height="80px" width="500px" /></span></td></tr></table></div><div id="box"> </center></div><div id="news"><iframe width="280px" height="170px" scrolling="yes" src="news.php" frameborder="0"></iframe></div><div id="menu"><script type="text/javascript" src="menu.js"></script></div><div id="photos">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','213','height','160','src','matbaza','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','matbaza' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="213" height="160">
    <param name="movie" value="matbaza.swf" />
    <param name="quality" value="high" />
    <embed src="matbaza.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="213" height="160"></embed>
  </object>
</noscript></div><div id="ramka_photos"><span id="alImg"><img src="img/ramka_photos.png" height="166" width="263" /></span></div><div id="text1">Така!Тук на това място където е текста, който в момента Вие четете, ще бъде разположена информация за СОУ"Черноризец Храбър".Минало, бъдеще, настояще!Какво прелага като профили на обучение, като специалности.Ще се радвам на всеки коментар, било то похвала или критика!Очаквам вашите преложения, за това с какво може да бъде полезен сайта на учениците ПРЕДИМНО!В по-голямата си част е разработен като помощно средство, а не като реклама(тоест като потрфолио на училищите).За идеи и преложения, а дори и за критики може да се обърнете към преподавателя по Информатика, или да ми пишете на <a href="mailto:germanecabg@yahoo.com">ТОЗИ АДРЕС</a>.Ще се радвам, ако сайта бъде ПОЛЗВАН като вид "учебно" помагало!В него могат да бъдат качвани учебни материали, като текстови файлове, видео файлове и изобщо всяко по вид помагало в електронен вид, което Вие преподавателите смятате за необходимо - примерни тестове, допълнителни или самостоятелни задачи!Всеки един файл ,ще бъде достъпен за "смъкване"(<b>download</b>) в секцията(страницата) отговаряща на предмета, който съответния преподавател е качил!<p align="right">С Уважение: <b>Павел</b></p></div><div id="ramka"><span id="alImg1"><img src="img/ramka.png" width="180" height="250" /></span></div><div id="calendar">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','165','height','235','src','kal18','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','kal18' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="165" height="235">
    <param name="movie" value="kal18.swf" />
    <param name="quality" value="high" />
    <embed src="kal18.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="165" height="235"></embed>
  </object>
</noscript></div>
  <div id="clock">
    <script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0','name','clock117','width','110','height','110','align','middle','id','clock117','src','clock117','quality','high','wmode','transparent','bgcolor','#ffffff','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','clock117' ); //end AC code
	}
    </script>
    <noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" name="clock117" width="110" height="110" align="middle" id="clock117">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="false" />
      <param name="movie" value="clock117.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="bgcolor" value="#ffffff" />
      <embed src="clock117.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="110" height="110" name="clock117" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />    
</object>
    </noscript>
  </div>
</div>
</body>
</html>
Някой има ли идеи, на какво може да се дължи, че извежда тази таблица токлкова грозно при IE6?
 
Аз открих,че нещо IE6 не харесва тези width:100%; и heigth:100%
Но не съм открил начин, как мога да ги заменя в CSS-a
 
Направих си следния код на JavaScript, който проверява големината на видимата област на броузъра!Ето какво сътворих:
Код: 
.......................

<style type="text/css">
#hidepage {
position:absolute;
left:0px;
top:0px;
background-image:url(/img/overlay.png);
z-index:20;
}

* html #hidepage{
      background-color: #333;
      back\ground-color: transparent;
      background-image: url(blank.gif);
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
      }

</style>
<script type="text/javascript" src="stmenu.js"></script>
<script type="text/javascript">
function email ()
       {
                window.open("mail.php","","top=50,left=50,width=740,height=375");
       }
function findPageHeight(){
if(window.innerHeight)
return window.innerHeight;
if(document.body.clientHeight)
return document.body.clientHeight;
return (null);
}
function findPageWidth(){
if(window.innerWidth)
return window.innerWidth;
if(document.body.clientWidth)
return document.body.clientWidth;
return (null);
}
//Функция, която премахва покриващият слой, след зареждане
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
//Извеждане на ширина и височина на "покриващият" слой
/*
function izvejdane(){
pageHeight = findPageHeight();
pageWidth = findPageWidth();
alert('Visible page Width: ' + pageWidth +'px; Visible page Height '+ pageHeight +'px');
}
*/
// End -->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="stmenu.js"></script>
</head>

<body OnLoad="loadImages()">
<script type="text/javascript">
pageHeight = findPageHeight();
pageWidth = findPageWidth();
alert(clientH);
var object = document.getElementById('hidepage');
object.style.width = pageWidth +'px';
object.style.height = pageHeight +'px';
</script>
<div id="hidepage">
<table style="height:100%; width:100%; text-align:center">
<tr><td valign="middle" align="center">Моля, изчакайте!<br /><img src="/img/loading.gif" />
</td></tr></table>
</div>
..........................
Имам функция function findPageHeight(), която проверява височината на видимата област на броузъра, функция function findPageWidth(), която проверява ширината на вивимата област!
После създавам обект var object = document.getElementById('hidepage');
И тук е проблема , e не мога да присвоя височината и ширината на слоя hidepage
Някой ще покаже ли как може да стане!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе