Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

как переделать скрипт

Предыдущая тема Следующая тема Перейти вниз

как переделать скрипт

Сообщение автор bugs bunny в Сб 5 Апр - 9:28

У меня есть скрипт прикольной менюшки, но сделан он только на 5 разделов помогите плиз переделать его под 14 разделов, позарез нужно или может у кого есть нечто подобное, менюшка просто обалдеть. Вот ее код, он готов вставьте в страничку и сами увидете насколько удобная штука:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Вертикальное меню с подменю</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<style>
BODY {   BACKGROUND-COLOR: buttonface}
A.navi {   BORDER-RIGHT: buttonhighlight 2px outset; BORDER-TOP: buttonhighlight 2px outset; MARGIN: 0px 0px 2px; FONT: bold 10px ms sans serif; BORDER-LEFT: buttonhighlight 2px outset; WIDTH: 100px; COLOR: buttontext; BORDER-BOTTOM: buttonhighlight 2px outset; HEIGHT: 14px; BACKGROUND-COLOR: buttonface; TEXT-ALIGN: center; TEXT-DECORATION: none}
A.navi:link {}
A.navi:visited {}
A.navi:hover {   BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-BOTTOM-STYLE: inset}
A.navi:active {   BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-BOTTOM-STYLE: inset}
A.sub {   BORDER-RIGHT: medium none; PADDING-RIGHT: 3px; BORDER-TOP: medium none; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px ms sans serif; BORDER-LEFT: medium none; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 14px; BACKGROUND-COLOR: buttonhighlight; TEXT-ALIGN: center; TEXT-DECORATION: none}
A.subi:link {   COLOR: buttontext}
A.sub:visited {   COLOR: buttontext}
A.sub:hover {   COLOR: highlighttext; BACKGROUND-COLOR: highlight}
A.sub:active {   COLOR: highlighttext; BACKGROUND-COLOR: highlight}
.wech {   DISPLAY: none}
.wech {   DISPLAY: none}
BODY {   BACKGROUND-COLOR: #ffffee}
A.navi {   BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN: 0px 0px 3px; FONT: bold 12px arial; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 2px; HEIGHT: 14px; BACKGROUND-COLOR: #ffffee; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.navi:link {}
A.navi:visited {}
A.navi:hover {   COLOR: #ffffee; BACKGROUND-COLOR: #000000}
A.navi:active {   COLOR: #ffffee; BACKGROUND-COLOR: #000000}
A.sub {   BORDER-RIGHT: medium none; PADDING-RIGHT: 4px; BORDER-TOP: medium none; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 12px arial; BORDER-LEFT: medium none; WIDTH: 120px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LETTER-SPACING: 1px; HEIGHT: 14px; BACKGROUND-COLOR: #ffffee; TEXT-ALIGN: center; TEXT-DECORATION: none}
A.subi:link {   COLOR: #0066cc}
A.sub:visited {   COLOR: #0066cc}
A.sub:hover {   COLOR: #cc6600; TEXT-DECORATION: underline}
A.sub:active {   COLOR: #cc6600; TEXT-DECORATION: underline}
.wech {   DISPLAY: none}
</style>
<SCRIPT type=text/javascript>
<!--
function selectAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
}
//-->
</SCRIPT>
<SCRIPT type=text/javascript>
<!--
function checkBrowser(){
   this.ver=navigator.appVersion
   this.dom=document.getElementById?1:0
   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
   this.ie4=(document.all && !this.dom)?1:0;
   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
   this.ns4=(document.layers && !this.dom)?1:0;
   this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
   return this
}
bw=new checkBrowser()
function showhide(div,nest){
   obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
   if(obj.display=='block' || obj.display=='block') obj.display='none'
   else obj.display='block'
}
function show(div,nest){
   obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
   obj.display='block'
function hide(div,nest){
   obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
   obj.display='none'
}
//--></SCRIPT>
</HEAD>
<BODY text=#000066 link=#8b0000>
<HR>
<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0>
  <TBODY>
  <TR>
    <TD vAlign=top width="20%"><A class=navi
      onclick="showhide('aa');hide('bb');hide('cc');hide('dd');hide('ee')"
      href="#">About    me</A><BR>
      <DIV class=wech id=aa>
<A class=sub    href="#">link  01</A><BR>
<A class=sub    href="#">link  02</A><BR>
<A class=sub    href="#">link    03</A><BR>
<A class=sub    href="#">link    04</A></DIV>
<A class=navi    onclick="showhide('bb');hide('aa');hide('cc');hide('dd');hide('ee')"  href="#">My  Photos</A><BR>
      <DIV class=wech id=bb>
<A class=sub    href="#">link  05</A><BR>
<A class=sub    href="#">link  06</A><BR>
<A class=sub    href="#">link    07</A><BR>
<A class=sub    href="#">link    08</A></DIV>
<A class=navi    onclick="showhide('cc');hide('aa');hide('bb');hide('dd');hide('ee')"    href="#">Music</A><BR>
      <DIV class=wech id=cc>
<A class=sub    href="#">link  09</A><BR>
<A class=sub      href="#">link  10</A><BR>
<A class=sub      href="#">link  11</A><BR>
<A class=sub      href="#">link      12</A></DIV>
<A class=navi    onclick="showhide('dd');hide('aa');hide('bb');hide('cc');hide('ee')"    href="#">Design</A><BR>
      <DIV class=wech id=dd>
<A class=sub      href="#">link  13</A><BR>
<A class=sub      href="#">link  14</A><BR>
<A class=sub      href="#">link  15</A><BR>
<A class=sub      href="#">link  16</A></DIV>
<A class=navi    onclick="showhide('ee');hide('aa');hide('bb');hide('cc');hide('dd')"    href="#">Contact</A><BR>
      <DIV class=wech id=ee>
<A class=sub      href="#">link  17</A><BR>
<A class=sub      href="#">link  18</A><BR>
<A class=sub      href="#">link  19</A><BR>
<A class=sub      href="#">link  20</A></DIV>
<BR><BR><BR><BR><BR><BR></TD>
    <TD vAlign=top width="80%">
      </TD></TR></TBODY></TABLE>
</BODY></HTML>

Только не отварачивайте сразу от него из-за его маштабов сам скрипт не большой, а стили можно забросить в файлик css отдельно и тогда он будет пригожим, если можно его изменить то помогите это сделать так как Java я вообще не знаю а моей дополнительной страничке его ой как не хватает.
avatar
bugs bunny
Новичок

Мужчина

Сообщения : 24
Возраст : 34
Регистрация : 2008-01-26
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор bugs bunny в Пн 7 Апр - 16:27

помогите плиз, ну очень нужен данный скрипт....
avatar
bugs bunny
Новичок

Мужчина

Сообщения : 24
Возраст : 34
Регистрация : 2008-01-26
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Irbis в Пн 7 Апр - 16:47

Сейчас посмотрю
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Irbis в Пн 7 Апр - 16:55

Ничего не могу сказать, так как у меня он вообще не работает, даже в том виде, в котором вы его предоставили
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор bugs bunny в Пн 7 Апр - 18:30

Код:




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

<HTML><HEAD><TITLE>Вертикальное меню с подменю</TITLE>

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

<style>

BODY {   BACKGROUND-COLOR: buttonface}

A.navi {   BORDER-RIGHT: buttonhighlight 2px outset; BORDER-TOP: buttonhighlight 2px outset; MARGIN: 0px 0px 2px; FONT: bold 10px ms sans serif; BORDER-LEFT: buttonhighlight 2px outset; WIDTH: 100px; COLOR: buttontext; BORDER-BOTTOM: buttonhighlight 2px outset; HEIGHT: 14px; BACKGROUND-COLOR: buttonface; TEXT-ALIGN: center; TEXT-DECORATION: none}

A.navi:link {}

A.navi:visited {}

A.navi:hover {   BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-BOTTOM-STYLE: inset}

A.navi:active {   BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-BOTTOM-STYLE: inset}

A.sub {   BORDER-RIGHT: medium none; PADDING-RIGHT: 3px; BORDER-TOP: medium none; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px ms sans serif; BORDER-LEFT: medium none; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 14px; BACKGROUND-COLOR: buttonhighlight; TEXT-ALIGN: center; TEXT-DECORATION: none}

A.subi:link {   COLOR: buttontext}

A.sub:visited {   COLOR: buttontext}

A.sub:hover {   COLOR: highlighttext; BACKGROUND-COLOR: highlight}

A.sub:active {   COLOR: highlighttext; BACKGROUND-COLOR: highlight}

.wech {   DISPLAY: none}



.wech {   DISPLAY: none}

BODY {   BACKGROUND-COLOR: #ffffee}

A.navi {   BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN: 0px 0px 3px; FONT: bold 12px arial; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 2px; HEIGHT: 14px; BACKGROUND-COLOR: #ffffee; TEXT-ALIGN: center; TEXT-DECORATION: none

}

A.navi:link {}

A.navi:visited {}

A.navi:hover {   COLOR: #ffffee; BACKGROUND-COLOR: #000000}

A.navi:active {   COLOR: #ffffee; BACKGROUND-COLOR: #000000}

A.sub {   BORDER-RIGHT: medium none; PADDING-RIGHT: 4px; BORDER-TOP: medium none; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 12px arial; BORDER-LEFT: medium none; WIDTH: 120px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LETTER-SPACING: 1px; HEIGHT: 14px; BACKGROUND-COLOR: #ffffee; TEXT-ALIGN: center; TEXT-DECORATION: none}

A.subi:link {   COLOR: #0066cc}

A.sub:visited {   COLOR: #0066cc}

A.sub:hover {   COLOR: #cc6600; TEXT-DECORATION: underline}

A.sub:active {   COLOR: #cc6600; TEXT-DECORATION: underline}

.wech {   DISPLAY: none}



</style>





<SCRIPT type=text/javascript>

<!--

function selectAll(theField) {

var tempval=eval("document."+theField)

tempval.focus()

tempval.select()

}

//-->

</SCRIPT>



<SCRIPT type=text/javascript>

<!--

function checkBrowser(){

   this.ver=navigator.appVersion

   this.dom=document.getElementById?1:0

   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;

   this.ie4=(document.all && !this.dom)?1:0;

   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

   this.ns4=(document.layers && !this.dom)?1:0;

   this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)

   return this

}

bw=new checkBrowser()



function showhide(div,nest){

   obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;

   if(obj.display=='block' || obj.display=='block') obj.display='none'

   else obj.display='block'

}



function show(div,nest){

   obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;

   obj.display='block'

}



function hide(div,nest){

   obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;

   obj.display='none'

}

//--></SCRIPT>



</HEAD>

<BODY text=#000066 link=#8b0000>

<HR>



<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0>

  <TBODY>

  <TR>

    <TD vAlign=top width="20%"><A class=navi

      onclick="showhide('aa');hide('bb');hide('cc');hide('dd');hide('ee')"

      href="#">About    me</A><BR>

      <DIV class=wech id=aa>

<A class=sub    href="#">link  01</A><BR>

<A class=sub    href="#">link  02</A><BR>

<A class=sub    href="#">link    03</A><BR>

<A class=sub    href="#">link    04</A></DIV>

<A class=navi    onclick="showhide('bb');hide('aa');hide('cc');hide('dd');hide('ee')"  href="#">My  Photos</A><BR>

      <DIV class=wech id=bb>

<A class=sub    href="#">link  05</A><BR>

<A class=sub    href="#">link  06</A><BR>

<A class=sub    href="#">link    07</A><BR>

<A class=sub    href="#">link    08</A></DIV>

<A class=navi    onclick="showhide('cc');hide('aa');hide('bb');hide('dd');hide('ee')"    href="#">Music</A><BR>

      <DIV class=wech id=cc>

<A class=sub    href="#">link  09</A><BR>

<A class=sub      href="#">link  10</A><BR>

<A class=sub      href="#">link  11</A><BR>

<A class=sub      href="#">link      12</A></DIV>

<A class=navi    onclick="showhide('dd');hide('aa');hide('bb');hide('cc');hide('ee')"    href="#">Design</A><BR>

      <DIV class=wech id=dd>

<A class=sub      href="#">link  13</A><BR>

<A class=sub      href="#">link  14</A><BR>

<A class=sub      href="#">link  15</A><BR>

<A class=sub      href="#">link  16</A></DIV>

<A class=navi    onclick="showhide('ee');hide('aa');hide('bb');hide('cc');hide('dd')"    href="#">Contact</A><BR>

      <DIV class=wech id=ee>

<A class=sub      href="#">link  17</A><BR>

<A class=sub      href="#">link  18</A><BR>

<A class=sub      href="#">link  19</A><BR>

<A class=sub      href="#">link  20</A></DIV>

<BR><BR><BR><BR><BR><BR></TD>

    <TD vAlign=top width="80%">

      </TD></TR></TBODY></TABLE>

</BODY></HTML>


там видимо біл глюк вот таким образом он работает, но только на 5 пунктов, а у меня меню состоит из 14 я в тупике, помогите плиз очень прошу....
avatar
bugs bunny
Новичок

Мужчина

Сообщения : 24
Возраст : 34
Регистрация : 2008-01-26
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Irbis в Пн 7 Апр - 19:42

Ok' часам к десяти вечера загляните сюда, думаю должен к этому времени переделать.
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор bugs bunny в Пн 7 Апр - 22:56

спс, буду ждать с нетерпением...
avatar
bugs bunny
Новичок

Мужчина

Сообщения : 24
Возраст : 34
Регистрация : 2008-01-26
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Irbis в Пн 7 Апр - 23:26

Ну я попытался.... чего-то он глючит, а именно меню сразу закрывается, не успев открыться, в чем глюк не знаю, перепробовал все.
Может кто доделает и мне заодно откроет третью америку.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Вертикальное меню с подменю</TITLE>

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

<style>

BODY {  BACKGROUND-COLOR: buttonface}

A.navi {  BORDER-RIGHT: buttonhighlight 2px outset; BORDER-TOP: buttonhighlight 2px outset; MARGIN: 0px 0px 2px; FONT: bold 10px ms sans serif; BORDER-LEFT: buttonhighlight 2px outset; WIDTH: 100px; COLOR: buttontext; BORDER-BOTTOM: buttonhighlight 2px outset; HEIGHT: 14px; BACKGROUND-COLOR: buttonface; TEXT-ALIGN: center; TEXT-DECORATION: none}

A.navi:link {}

A.navi:visited {}

A.navi:hover {  BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-BOTTOM-STYLE: inset}

A.navi:active {  BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-BOTTOM-STYLE: inset}

A.sub {  BORDER-RIGHT: medium none; PADDING-RIGHT: 3px; BORDER-TOP: medium none; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px ms sans serif; BORDER-LEFT: medium none; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 14px; BACKGROUND-COLOR: buttonhighlight; TEXT-ALIGN: center; TEXT-DECORATION: none}

A.subi:link {  COLOR: buttontext}

A.sub:visited {  COLOR: buttontext}

A.sub:hover {  COLOR: highlighttext; BACKGROUND-COLOR: highlight}

A.sub:active {  COLOR: highlighttext; BACKGROUND-COLOR: highlight}

.wech {  DISPLAY: none}



.wech {  DISPLAY: none}

BODY {  BACKGROUND-COLOR: #ffffee}

A.navi {  BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN: 0px 0px 3px; FONT: bold 12px arial; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 2px; HEIGHT: 14px; BACKGROUND-COLOR: #ffffee; TEXT-ALIGN: center; TEXT-DECORATION: none

}

A.navi:link {}

A.navi:visited {}

A.navi:hover {  COLOR: #ffffee; BACKGROUND-COLOR: #000000}

A.navi:active {  COLOR: #ffffee; BACKGROUND-COLOR: #000000}

A.sub {  BORDER-RIGHT: medium none; PADDING-RIGHT: 4px; BORDER-TOP: medium none; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 12px arial; BORDER-LEFT: medium none; WIDTH: 600px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LETTER-SPACING: 1px; HEIGHT: 14px; BACKGROUND-COLOR: #ffffee; TEXT-ALIGN: center; TEXT-DECORATION: none}

A.subi:link {  COLOR: #0066cc}

A.sub:visited {  COLOR: #0066cc}

A.sub:hover {  COLOR: #cc6600; TEXT-DECORATION: underline}

A.sub:active {  COLOR: #cc6600; TEXT-DECORATION: underline}

.wech {  DISPLAY: none}



</style>

<SCRIPT type=text/javascript>

<!--

function selectAll(theField) {

var tempval=eval("document."+theField)

tempval.focus()

tempval.select()

}

//-->

</SCRIPT>



<SCRIPT type=text/javascript>

<!--

function checkBrowser(){

  this.ver=navigator.appVersion

  this.dom=document.getElementById?1:0

  this.ie14=(this.ver.indexOf("MSIE 14")>-1 && this.dom)?1:0;

  this.ie13=(document.all && !this.dom)?1:0;

  this.ns14=(this.dom && parseInt(this.ver) >= 14) ?1:0;

  this.ns13=(document.layers && !this.dom)?1:0;

  this.bw=(this.ie14 || this.ie13 || this.ns13 || this.ns14)

  return this

}

bw=new checkBrowser()



function showhide(div,nest){

  obj=bw.dom?document.getElementById(div).style:bw.ie13?document.all[div].style:bw.ns13?nest?document[nest].document[div]:document[div]:0;

  if(obj.display=='block' || obj.display=='block') obj.display='none'

  else obj.display='block'

}



function show(div,nest){

  obj=bw.dom?document.getElementById(div).style:bw.ie13?document.all[div].style:bw.ns13?nest?document[nest].document[div]:document[div]:0;

  obj.display='block'

}



function hide(div,nest){

  obj=bw.dom?document.getElementById(div).style:bw.ie13?document.all[div].style:bw.ns13?nest?document[nest].document[div]:document[div]:0;

  obj.display='none'

}

//--></SCRIPT>



</HEAD>

<BODY text=#000066 link=#8b0000>

<HR>



<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0>

  <TBODY>

  <TR>

    <TD vAlign=top width="20%"><A class=navi

      onclick="showhide('aa');hide('bb');hide('cc');hide('dd');hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"

      href="#">About    me</A><BR>

      <DIV class=wech id=aa>

<A class=sub    href="#">link  01</A><BR>

<A class=sub    href="#">link  02</A><BR>

<A class=sub    href="#">link    03</A><BR>

<A class=sub    href="#">link    04</A></DIV>

<A class=navi    onclick="showhide('bb');hide('aa');hide('cc');hide('dd');hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"  href="#">My  Photos</A><BR>

      <DIV class=wech id=bb>

<A class=sub    href="#">link  05</A><BR>

<A class=sub    href="#">link  06</A><BR>

<A class=sub    href="#">link    07</A><BR>

<A class=sub    href="#">link    08</A></DIV>

<A class=navi    onclick="showhide('cc');hide('aa');hide('bb');hide('dd');hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Music</A><BR>

      <DIV class=wech id=cc>

<A class=sub    href="#">link  09</A><BR>

<A class=sub      href="#">link  10</A><BR>

<A class=sub      href="#">link  11</A><BR>

<A class=sub      href="#">link      12</A></DIV>

<A class=navi    onclick="showhide('dd');hide('aa');hide('bb');hide('cc');hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Design</A><BR>

      <DIV class=wech id=dd>

<A class=sub      href="#">link  13</A><BR>

<A class=sub      href="#">link  14</A><BR>

<A class=sub      href="#">link  15</A><BR>

<A class=sub      href="#">link  16</A></DIV>

<A class=navi    onclick="showhide('ee');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

      <DIV class=wech id=ee>

<A class=sub      href="#">link  17</A><BR>

<A class=sub      href="#">link  18</A><BR>

<A class=sub      href="#">link  19</A><BR>

<A class=sub      href="#">link  20</A></DIV>

<A class=navi    onclick="showhide('ff');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>



<DIV class=wech id=ff>

<A class=sub      href="#">link  18</A><BR>

<A class=sub      href="#">link  19</A><BR>

<A class=sub      href="#">link  20</A><BR>

<A class=sub      href="#">link  21</A></DIV>

<A class=navi    onclick="showhide('gg');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=gg>

<A class=sub      href="#">link  22</A><BR>

<A class=sub      href="#">link  23</A><BR>

<A class=sub      href="#">link  24</A><BR>

<A class=sub      href="#">link  25</A></DIV>

<A class=navi    onclick="showhide('hh');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=hh>

<A class=sub      href="#">link  26</A><BR>

<A class=sub      href="#">link  27</A><BR>

<A class=sub      href="#">link  28</A><BR>

<A class=sub      href="#">link  29</A></DIV>

<A class=navi    onclick="showhide('ii');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('kk'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=ii>

<A class=sub      href="#">link  30</A><BR>

<A class=sub      href="#">link  31</A><BR>

<A class=sub      href="#">link  32</A><BR>

<A class=sub      href="#">link  33</A></DIV>

<A class=navi    onclick="showhide('kk');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('ll'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=kk>

<A class=sub      href="#">link  34</A><BR>

<A class=sub      href="#">link  35</A><BR>

<A class=sub      href="#">link  36</A><BR>

<A class=sub      href="#">link  37</A></DIV>

<A class=navi    onclick="showhide('ll');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('mm'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=ll>

<A class=sub      href="#">link  38</A><BR>

<A class=sub      href="#">link  39</A><BR>

<A class=sub      href="#">link  40</A><BR>

<A class=sub      href="#">link  41</A></DIV>

<A class=navi    onclick="showhide('mm');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('nn'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=mm>

<A class=sub      href="#">link  42</A><BR>

<A class=sub      href="#">link  43</A><BR>

<A class=sub      href="#">link  44</A><BR>

<A class=sub      href="#">link  45</A></DIV>

<A class=navi    onclick="showhide('nn');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('oo')"    href="#">Contact</A><BR>

<DIV class=wech id=nn>

<A class=sub      href="#">link  46</A><BR>

<A class=sub      href="#">link  47</A><BR>

<A class=sub      href="#">link  48</A><BR>

<A class=sub      href="#">link  49</A></DIV>

<A class=navi    onclick="showhide('kk');hide('aa');hide('bb');hide('cc');hide('dd'); hide('ee'); hide('ff'); hide('gg'); hide('hh'); hide('ii'); hide('kk'); hide('ll'); hide('mm'); hide('nn')"    href="#">Contact</A><BR>

<DIV class=wech id=oo>

<A class=sub      href="#">link  50</A><BR>

<A class=sub      href="#">link  51</A><BR>

<A class=sub      href="#">link  52</A><BR>

<A class=sub      href="#">link  53</A></DIV>

<BR><BR><BR><BR><BR><BR><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></TD>

    <TD vAlign=top width="100%">

      </TD></TR></TBODY></TABLE>

</BODY></HTML>
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор bugs bunny в Пн 7 Апр - 23:30

все равно спасибо, дальше буду ломать, а может кто что подскажет буду очень признателен
avatar
bugs bunny
Новичок

Мужчина

Сообщения : 24
Возраст : 34
Регистрация : 2008-01-26
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Irbis в Пн 7 Апр - 23:39

Могу альтернативные менюшки предложить
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Irbis в Пн 7 Апр - 23:47

Например:
Меню в стиле проводника:
Код:
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url()}
//-->
</style>
<script language="JavaScript1.2">
<!--
/**
 *  Модификация и распространение только с копирайтами.
 *  Copyright (C) 2008 http://forums.attack-line.net
 */

var head="display:''"
img1=new Image()
img1.src=""
img2=new Image()
img2.src=""

function change(){
  if(!document.all)
      return
  if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
        nested.style.display=''
        event.srcElement.style.listStyleImage="url()"
      }
      else {
        nested.style.display="none"
        event.srcElement.style.listStyleImage="url()"
      }
  }
}

document.onclick=change

//-->
</script>








<ul>
  <li id="foldheader">Новости</li>
  <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="">Ссылка на новости 1</a></li>
      <li><a href="">Ссылка на новости 2</a></li>
      <li><a href="">Ссылка на новости 2</a></li>
  </ul>

  <li id="foldheader">Статьи</li>
  <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="">Ссылка на статью</a></li>
      <li><a href="">Ссылка на статью 2</a></li>
      <li><a href="">Ссылка на статью 3</a></li>
  </ul>

  <li id="foldheader">Разное</li>
  <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="">Сцылка 1</a></li>
      <li><a href="">Сцылка 2</a></li>
      <li id="foldheader">Новичкам</li>
      <ul id="foldinglist" style="display:none" style=&{head};>
        <li><a href="">Правила ссыла</a></li>
        <li><a href="">Что нужно знать</a></li>
      </ul>
      <li><a href="">Сцылка 3</a></li>
      <li><a href="">Сцылка 4</a></li>
  </ul>
</ul>












<script language="JavaScript1.2">
<!--
/**
 * (attack-line@attack-line.net)
 */
function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document·cookie.length > 0) {
    offset = document·cookie.indexOf(search)
    // if cookie exists
    if (offset != -1) {
      offset += search.length
      // set index of beginning of value
      end = document·cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1) end = document·cookie.length;
      returnvalue=unescape(document·cookie.substring(offset, end))
      }
  }
  return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
  var openresults=get_cookie(window.location.pathname).split(" ")
  for (i=0 ; i < openresults.length ; i++){
    foldinglist[openresults[i]].style.display=''
    document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(open.gif)"
  }
}

if (document.all){
  var nodelength=foldinglist.length-1
  var nodes=new Array(nodelength)
  var openones=''
}

function check(){
  for (i=0 ; i <= nodelength ; i++){
    if (foldinglist[i].style.display=='')
      openones=openones + " " + i
  }
  document·cookie=window.location.pathname+"="+openones
}

if (document.all)
  document.body.onunload=check
//-->
</script>
Если еще доп. вставишь иконки папок, то вообще классно будет. У меня просто подходящих нет.
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: как переделать скрипт

Сообщение автор Kaz в Пн 14 Апр - 12:44

А в чем именно проблема? Там кажется и так 14 разделов, или надо их сократить до 5?
Хороший код кстати
avatar
Kaz
Активист

Мужчина

Сообщения : 660
Возраст : 98
Регистрация : 2008-03-16
Благодарности : 9

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения