Помощь с менюшкой

[Удален]

20 мая 2008, 18:45

505

Нашел ява скрипт менюшки и теперь не могу его поставить в шаблон, вылазит за пределы окошка...

Сказали нужно зафиксировать его размер так как пхп не видит ява, кто может подсказать как сделать размер?

Проблема в том что менюпри нажатии раздвигается и размер меняется, как сделать - кто поможет, напишите !!!!!

Или подскажите код харошей работающей менюшки на пхп, будет просто супер!!!!

Нужно чтобы она была с подменю и раздвигалась при нажатии..самый идеальный вариант нашел этот ява скрипт, буду благодарен за помощь!

КОД МЕНЮШКИ!!!

<HTML>

<HEAD>

<style>

<!--

DIV.clTop{position:absolute; width:170}

DIV.clSub{position:absolute; left:10; width:170}

#divCont{position:relative; left:1; top:0; height:600; width:170;}

A.clMain{font-family:Arial, Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; font-weight:bold; color:202020}

A.clSubb{font-family:Arial, Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:111111}

#divMain{position:absolute}

//-->

</style>

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')

oTop[5]=new makeMenu('divTop6','divCont')

oTop[6]=new makeMenu('divTop7','divCont')

oTop[7]=new makeMenu('divTop8','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')

oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')

oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')

oSub[7]=new makeMenu('divSub8','divCont.document.divTop8')

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 text="#202020" bgcolor="ivory" link="#0000FF" vlink="#FFA500" alink="#FF0000" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">



<div id="divCont">
<div id="divTop1" class="clTop">
<a href="#" onclick="menu(0); return false" class="clMain">
<img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0">
Главная</a><br>
<div id="divSub1" class="clSub">
<a href="main.html" target="main" class="clSubb">-Старт</a><br>
</div><br>
</div>

<div id="divTop2" class="clTop">
<a href="#" onclick="menu(1); return false" class="clMain">
<img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0">
HTML</a><br>
<div id="divSub2" class="clSub">
<a href="#" class="clSubb">-O HTML</a><br>
<a href="#" class="clSubb">-DHTML</a><br>
<a href="html/html_faq.html" target="main" class="clSubb">-FAQ</a><br>
</div><br>
</div>

<div id="divTop3" class="clTop">
<a href="#" onclick="menu(2); return false" class="clMain">
<img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0">
Скрипты</a><br>
<div id="divSub3" class="clSub">
<a href="#" class="clSubb">-JavaScript</a><br>
<a href="#" class="clSubb">-VBScript</a><br>
<a href="#" class="clSubb">-FAQ</a><br>
</div><br>
</div>

<div id="divTop4" class="clTop">
<a href="" onclick="menu(3); return false" class="clMain">
<img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0">
Требования</a><br>
<div id="divSub4" class="clSub">
<a href="treb/system.html" target="main" class="clSubb">-Система</a><br>
<a href="treb/browser.html" target="main" class="clSubb">-Браузер</a><br>
<a href="treb/graphics.html" target="main" class="clSubb">-Графика</a><br>
<a href="treb/editor.html" target="main" class="clSubb">-Редакторы</a><br>
<a href="treb/ftp.html" target="main" class="clSubb">-FTP</a><br>
<a href="treb/download.html" target="main" class="clSubb">-Скачивание</a><br>
<a href="treb/dial.html" target="main" class="clSubb">-Дозвон</a><br>
</div><br>
</div>

<div id="divTop5" class="clTop">
<a href="" onclick="menu(4); return false" class="clMain">
<img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0">
Интернет</a><br>
<div id="divSub5" class="clSub">
<a href="internet/hostingrus.html" target="main" class="clSubb">-Хостинг(РФ)</a><br>
<a href="internet/hostingen.html" target="main" class="clSubb">-Хостинг(МИР)</a><br>
<a href="internet/redirect.html" target="main" class="clSubb">-Редирект</a><br>
<a href="internet/extra.html" target="main" class="clSubb">-Еще кое-что</a><br>
</div><br>
</div>

<div id="divTop6" class="clTop">
<a href="" onclick="menu(5); return false" class="clMain">
<img src="arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">
Реклама</a><br>
<div id="divSub6" class="clSub">
<a href="rating.html" target="main" class="clSubb">-Регистрация</a><br>
<a href="bannersystem.html" target="main" class="clSubb">-Баннеры</a><br>
<a href="#" target="main" class="clSubb">-Раскрутка 1</a><br>
<a href="#" target="main" class="clSubb">-Раскрутка 2</a><br>
</div><br>
</div>

<div id="divTop7" class="clTop">
<a href="" onclick="menu(6); return false" class="clMain">
<img src="arrow.gif" name="imgA6" width=12 height=12 alt="" border="0">
Деньги</a><br>
<div id="divSub7" class="clSub">
<a href="#" class="clSubb">-Спонсоры</a><br>
<a href="#" class="clSubb">-WebMoney</a><br>
<a href="#" class="clSubb">-Кредитки</a><br>
</div><br>
</div>

<div id="divTop8" class="clTop">
<a href="" onclick="menu(7); return false" class="clMain">
<img src="arrow.gif" name="imgA7" width=12 height=12 alt="" border="0">
Прочее</a><br>
<div id="divSub8" class="clSub">
<a href="#" class="clSubb">-Гостевая книга</a><br>
<a href="#" class="clSubb">-Голосование</a><br>
<a href="#" class="clSubb">-Ссылки</a><br>
<a href="#" class="clSubb">-Написать</a><br>
</div><br>
</div>

</div>

</HEAD>
</HTML>

153

Коля Дубр

21 мая 2008, 00:35

#1

MrDevil, к сожалению, я не могу дать совета по Вашему вопросу, но дам другой. Если Вы не программист - найдите себе программиста и не забивайте голову чушью. Если Вы считаете себя программистом - найдите другую работу.

Разрабатываю общую шину (http://habrahabr.ru/company/floxim/blog/268467/) помаленьку. ...а еще у меня есть бложек (http://www.blogovo.ru/).

143

fleyg

21 мая 2008, 08:49

#2

Эта штука не будет в файрфоксе пахать, в личку или в асю 145998, подскажу .

Курс биткоина превысил $50 тысяч

Маркетинг для шоколадной фабрики. На 34% выше средний чек