Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Cделать JavaScript-код рабочим в FireFox, Opera и Safari
 
 автор: prosaic   (26.03.2008 в 11:13)   письмо автору
 
 

всем привет.

есть код:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#slideprice {width:800px;height:800px;border:1px solid #CCC;}
.slidecols {width:800px;height:20px;border:1px dotted #CCC;}
.slideheader {width:800px;cursor:pointer;}
.slidecontent {display:none;}
#slidecontent1 {display:block;}
</style>
<script>
function showthis(num) 
{
for (sc=1;sc<=5;sc++) {document.getElementById("slidecontent" + sc).style.display="none";}
var gebis = document.getElementById("slidecontent" + num).style;
gebis.display="block";
}
</script>
<body>
<div id='slideprice'>
<div class='slidecols'><div class='slideheader' onclick='showthis(1);'>cols 1</div><div class='slidecontent' id='slidecontent1'>some<br />text<br />over<br />here :)</div></div>
<div class='slidecols'><div class='slideheader' onclick='showthis(2);'>cols 2</div><div class='slidecontent' id='slidecontent2'>some<br />text<br />over<br />here :)</div></div>
<div class='slidecols'><div class='slideheader' onclick='showthis(3);'>cols 3</div><div class='slidecontent' id='slidecontent3'>some<br />text<br />over<br />here :)</div></div>
<div class='slidecols'><div class='slideheader' onclick='showthis(4);'>cols 4</div><div class='slidecontent' id='slidecontent4'>some<br />text<br />over<br />here :)</div></div>
<div class='slidecols'><div class='slideheader' onclick='showthis(5);'>cols 5</div><div class='slidecontent' id='slidecontent5'>some<br />text<br />over<br />here :)</div></div>
</div>
</body>
</html>


работает правильно только в IE6. В FireFox, Opera, Safari не работает.
Подскажите, пожалуйста, как сделать его рабочим?

   
 
 автор: elenaki   (26.03.2008 в 11:15)   письмо автору
 
   для: prosaic   (26.03.2008 в 11:13)
 

он и в IE7 не работает - изначально виден слой, который не должен быть виден и он налезает
на основной.

   
 
 автор: prosaic   (26.03.2008 в 11:33)   письмо автору
 
   для: elenaki   (26.03.2008 в 11:15)
 

да. он должен "отодвигать" остальные слои. как этого добиться в этих браузерах?

   
 
 автор: prosaic   (31.03.2008 в 16:56)   письмо автору
 
   для: prosaic   (26.03.2008 в 11:33)
 

ап

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования