Avatar billede jaro01htx Nybegynder
01. oktober 2001 - 12:00 Der er 5 kommentarer

Stifindermenu

Hej!
Jeg søger en \"Stifinder\"-menu hvis i forstår!
please det haster lidt er der nogle der har en eller ved hvor jeg kan finde en?
Avatar billede horsmark Nybegynder
01. oktober 2001 - 12:48 #1
noget ala dette ?

<HTML>
<HEAD>

<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\">
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language=\"JavaScript1.2\">
<!--
/**
*  Based on Folding Menu Tree
*  Dynamic Drive (www.dynamicdrive.com)
*  For full source code, installation instructions,
*  100\'s more DHTML scripts, and Terms Of
*  Use, visit dynamicdrive.com
*
*  Updated to support arbitrarily nested lists
*  by Mark Quinn (mark@robocast.com) November 2nd 1998
*/

var head=\"display:\'\'\"
img1=new Image()
img1.src=\"fold.gif\"
img2=new Image()
img2.src=\"open.gif\"

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(open.gif)\"
      }
      else {
        nested.style.display=\"none\"
        event.srcElement.style.listStyleImage=\"url(fold.gif)\"
      }
  }
}

document.onclick=change

//-->
</script>


</HEAD>
<BODY>

<ul>
  <li id=\"foldheader\">O</li>
        <table>
            <tr>
                <td>Timeforpligtelse</td>
                <td>Aftalt Afregning</td>
                <td>Fritagelse</td>
                <td>Ferie total</td>
            </tr>
        </table>
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      <li><a href=\"http://www.cnn.com\">CNN</a></li>
      <li><a href=\"http://www.abcnews.com\">ABC News</a></li>
      <li><a href=\"http://www.vancouversun.com\">Vancouver Sun</a></li>
  </ul>

  <li id=\"foldheader\">Games</li>
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      <li><a href=\"http://www.gamespot.com\">GameSpot</a></li>
      <li><a href=\"http://www.happypuppy.com\">Happy Puppy</a></li>
      <li><a href=\"http://www.gamecenter.com\">Game Center</a></li>
  </ul>

  <li id=\"foldheader\">Software</li>
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      <li><a href=\"http://www.download.com\">outer 1</a></li>
      <li><a href=\"http://www.hotfiles.com\">outer 2</a></li>
      <li id=\"foldheader\">Nested</li>
      <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
        <li><a href=\"http://www.windows95.com\">nested 1</a></li>
        <li><a href=\"http://www.shareware.com\">nested 2</a></li>
      </ul>
      <li><a href=\"http://www.windows95.com\">outer 3</a></li>
      <li><a href=\"http://www.shareware.com\">outer 4</a></li>
  </ul>
</ul>

<script language=\"JavaScript1.2\">
<!--
/**
* Get cookie routine by Shelley Powers
* (shelley.powers@ne-dev.com)
*/
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>


</BODY>
</HTML>
Avatar billede Slettet bruger
01. oktober 2001 - 17:02 #2
Der er også en lignende menu på http://www.jsworld.com/scripts/menus/ under punktet \"IE Menu\".
Den virker i IE3+ og NS3+ (jeg er ikke helt sikker med de nyere browsere).
Avatar billede Slettet bruger
01. oktober 2001 - 17:03 #3
Skulle egentlig have været et svar :-)
Avatar billede jakoba Nybegynder
08. oktober 2001 - 00:45 #4
ren javascript og \'overlever\' gamle browsere:
http://www.codeproject.com/jscript/inavigate.asp
Avatar billede jakoba Nybegynder
08. oktober 2001 - 00:52 #5
husk at kopiere alle billederne også (listet i koden)
http://alumni.nd.edu/~class89/menu.html

Her skal du blot hente en .zip fil og pakke den ud
http://www.treemenu.com/

mvh JakobA
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester