Перейти к содержанию
19 лет клубу! Встречаемся в офисе «Лаборатории Касперского»

HTML Мастерам. (Help me)

Susumi

Автор Susumi
в Компьютерная помощь

 Поделиться

Рекомендуемые сообщения

Susumi

Susumi

Опубликовано
Опубликовано (изменено)

Этот скрипт не совместим с IE8 и IE9(показывает не корректно...).

 

Рабоатет только со старой IE7

 

=((( как исправить чтоб работала скрипт на новой IE?

 

 

 

 

 

 

 

 

 

 

Скрипт:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

 

 

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Учебное</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

 

<style>

 

</style>

<script language="JavaScript">

 

var stayFolded=false

 

//This is the image that it changes to when it expands.

var exImg=new Image(); exImg.src='arrow1.gif'

//This is the image is changes to with it's "unfolded" or something :}

//Remeber to change the actual images in the page aswell, but remember to

//keep the name of the image.

var unImg=new Image(); unImg.src='arrow.gif'

 

/********************************************************************************

****

Browsercheck

********************************************************************************

****/

var n = (document.layers) ? 1:0;

var ie = (document.all) ? 1:0;

var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

 

/********************************************************************************

****

Making cross-browser objects

********************************************************************************

****/

function makeMenu(obj,nest){

nest=(!nest) ? '':'document.'+nest+'.'

this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')

this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');

this.height=n?this.ref.height:eval(obj+'.offsetHeight')

this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;

this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt

return this

}

function b_showIt(){this.css.visibility="visible"}

function b_hideIt(){this.css.visibility="hidden"}

function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

/********************************************************************************

****

Initiating the page. Just add to the arrays here to get more menuitems

and add divs in the page

********************************************************************************

****/

function init(){

oTop=new Array()

oTop[0]=new makeMenu('divTop1','divCont')

oTop[1]=new makeMenu('divTop2','divCont')

oTop[2]=new makeMenu('divTop3','divCont')

oTop[3]=new makeMenu('divTop4','divCont')

oTop[4]=new makeMenu('divTop5','divCont')

 

oSub=new Array()

oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')

oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')

oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')

oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')

oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')

 

for(i=0;i<oSub.length;i++){ oSub.hideIt() }

for(i=1;i<oTop.length;i++){ oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height) }

}

/********************************************************************************

****

This is the function that changes the sub menus to folded or unfolded state.

********************************************************************************

****/

function menu(num){

if(browser){

if(!stayFolded){

for(i=0;i<oSub.length;i++){

if(i!=num){

oSub.hideIt()

oTop.ref["imgA"+i].src=unImg.src

}

}

for(i=1;i<oTop.length;i++){

oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)

}

}

if(oSub[num].vis()){

oSub[num].showIt()

oTop[num].ref["imgA"+num].src=exImg.src

}else{

oSub[num].hideIt()

oTop[num].ref["imgA"+num].src=unImg.src

}

for(i=1;i<oTop.length;i++){

if(!oSub[i-1].vis()) oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)

else oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)

}

}

}

//Initiating the menus onload, if it's a 4.x+ browser.

if(browser) onload=init;

</script>

</head>

 

<body bgcolor="#FFF5EE" text="#000000" link="#304792" vlink="#304792" alink="#304792" background="left.gif">

 

<hr noshade width="90%">

<p><a href="main.htm"target="mainFrame"><h3>ГЛАВНАЯ</h3></a> </p>

 

 

 

<div id="divCont">

<div id="divTop1" class="clTop">

<a href="lessonmenu.htm" target="leftFrame"

<p align="left">

<img src="arrow.gif" name="imgA0" width=32 height=16 alt="" border="0">

<span class="style8"><b>Разделы</b></span></a><br>

<div id="divSub1" class="clSub">

</div><br>

</div>

 

 

<div id="divTop2" class="clTop">

<a href="Самостоятельная работа.htm" target="mainFrame" onclick="">

<p align="left">

<img src="arrow.gif" name="imgA1" width=32 height=16 alt="" border="0">

<span class="style8"><b>Самостоятельные работы</b></span></a><br>

<div id="divSub2" class="clSub">

</div><br>

</div>

 

<div id="divTop3" class="clTop">

<a href="" onclick="menu(2); return false" class="clMain">

<p align="left">

<img src="arrow.gif" name="imgA2" width=32 height=16 alt="" border="0">

<span class="style8">Лабораторные работы</span></a><br>

<div id="divSub3" class="clSub">

<a href="Практика.htm#1"target="mainFrame">Практика №1<br>

</a><a href="Практика.htm#2"target="mainFrame">Практика №2<br>

</a><a href="Практика.htm#3"target="mainFrame">Практика №3<br>

</a><a href="Практика.htm#4"target="mainFrame">Практика №4<br>

</a><a href="Практика.htm#5"target="mainFrame">Практика №5<br>

</a><a href="Практика.htm#6"target="mainFrame">Практика №6<br>

</a><a href="Практика.htm#7"target="mainFrame">Практика №7</a>

</div><br>

</div>

 

<div id="divTop4" class="clTop">

<a href="" onclick="menu(3); return false" class="clMain">

<p align="left">

<img src="arrow.gif" name="imgA3" width=32 height=16 alt="" border="0">

<span class="style8">Рабочая программа</span></a><br>

<div id="divSub4" class="clSub">

</a><a href="work/Пояснительная.htm"target="mainFrame">1. Пояснительная записка <br>

</a><a href="work/План.htm"target="mainFrame">2. Тематический план учебной дисциплины <br>

</a><a href="work/Содержание.htm"target="mainFrame">3. Содержение учебной дисциплины <br>

</a><a href="work/Курсовая.htm"target="mainFrame">4. Курсорвое проектирование <br>

</a><a href="work/Литература.htm"target="mainFrame">6. Литература <br>

</div><br>

</div>

 

<div id="divTop5" class="clTop">

<a href="" onclick="menu(4); return false" class="clMain">

<p align="left">

<img src="arrow.gif" name="imgA4" width=32 height=16 alt="" border="0">

<span class="style8">Тестирование</span></a><br>

<div id="divSub5" class="clSub">

</a><a href="../test/test1.htm"target="mainFrame">Вариант №1<br>

</a><a href="../test/test2.htm"target="mainFrame">Вариант №2<br>

</a><a href="../test/test3.htm"target="mainFrame">Вариант №3<br>

</a><a href="../test/test4.htm"target="mainFrame">Вариант №4<br>

</div><br>

</div>

 

</div>

</body>

</html>

 

Изменено пользователем Mark D. Pearlstone
Добавил спойлер
Ссылка на комментарий
Поделиться на другие сайты
Skarbovoy

Skarbovoy

Опубликовано
Опубликовано (изменено)

Прикрепите архив с картинками и т.п. :)

<a href="lessonmenu.htm" target="leftFrame" - не закрыт.

Изменено пользователем Skarbovoy
Ссылка на комментарий
Поделиться на другие сайты
Susumi

Susumi

Опубликовано
  • Автор
Опубликовано (изменено)
Я бы добавил:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7;" />

хитро! Работает на IE9))) код включает совместимость с IE7 понятно спасибо! =).

 

а код по ходу который я пишу вообще устарел....

Изменено пользователем Susumi
Ссылка на комментарий
Поделиться на другие сайты

Пожалуйста, войдите, чтобы комментировать

Вы сможете оставить комментарий после входа в



Войти
 Поделиться
Перейти к списку тем
×
×
  • Создать...