Avatar billede horsmark Nybegynder
11. juli 2001 - 00:33 Der er 28 kommentarer og
1 løsning

Foldeudtræmenu der IKKE genloader siden ved valg!!!!!!!

Nedenstående Foldeudmenutræ virker ok MEN istedet for at hente grafikken fra den aktuelle sti, henter jeg den fra en anden url OG så kokser grafikken der hvor der er mere end en mappe pr. \"fold-ud\". Det er ellers et glimragende stykke kode der kan læses mere om her...

http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

<html>
<head>
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(http://min_url/fold.gif)}
#foldinglist{list-style-image:url(http://min_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=\"url(http://min_url/fold.gif)\"
img2=new Image()
img2.src=\"url(http://min_url/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(http://min_url/open.gif)\"
}
else {
nested.style.display=\"none\"
event.srcElement.style.listStyleImage=\"url(http://min_url/fold.gif)\"
}
}
}

document.onclick=change

//-->
</script>
</head>
<body>
<ul>
<li id=\"foldheader\">News</li>
<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(http://min_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>

husk lige at tilrette url´erne til den rette root hvor grafikken ligger
</body>
</html>

Avatar billede torbenmelander Nybegynder
11. juli 2001 - 00:37 #1
så har du vel stavet forkert...

Uddybende forklaring ønskes!
Avatar billede horsmark Nybegynder
11. juli 2001 - 00:39 #2
nope har ikke stavet forkert - jeg kan også få koden til at kokse der hvor jeg har hentet det fra :-)
Avatar billede horsmark Nybegynder
11. juli 2001 - 00:39 #3
...check det ud det er ok fedt nemmerlig (med mindre du kender den :-))
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 00:45 #4
Det virker fint for mig

Filen og billederne i samme bibliotek

Her er koden:

<HTML>
<HEAD>

<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\">News</li>
  <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 torbenmelander Nybegynder
11. juli 2001 - 00:48 #5
selv hvis jeg ligger billerne i en anden mappe og ændre dette virker det!
Avatar billede horsmark Nybegynder
11. juli 2001 - 00:50 #6
ok jeg har testet ovenstående kode OG det virker fint HVIS jeg eks. smider billederne på skrivebordet og koden samme sted MEN det kokser hvis jeg smider kode OG billeder i SAMME kartotek på min server ???
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 00:50 #7
Avatar billede horsmark Nybegynder
11. juli 2001 - 00:52 #8
prøv lige selv at uploade koden på din server og prøv så at hent det som client! SÅ kokser det *ARGH*
Avatar billede horsmark Nybegynder
11. juli 2001 - 00:53 #9
Jeg aner ikke hvad der sker MEN hvis billeder ligger på clienten er der intet problem - heller ikke hvis koden kaldes på serveren og billederne ligger på clienten.

Tjeck evt. selv fejlen ud der hvor jeg har hentet det fra :-)
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 00:54 #10
ok, to sekunder
Avatar billede horsmark Nybegynder
11. juli 2001 - 00:55 #11
Til orientering er det kun den nederste foldeudgren der dør hvis du trykker et par gange frem og tilbage
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 00:58 #12
det virker fint, tjek selv her www.melanders.dk/test/test.htm
Avatar billede horsmark Nybegynder
11. juli 2001 - 01:00 #13
hmmm dit kokser også :-/  allright hvilken browser kører du med?
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 01:01 #14
gør det ikke?
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 01:01 #15
IE 5.5
Avatar billede horsmark Nybegynder
11. juli 2001 - 01:02 #16
det er til stadighed den sidste foldeudgren *hmmm* OG så står browseren bare og \"arbejder\" *fatter minus nu*
Avatar billede horsmark Nybegynder
11. juli 2001 - 01:02 #17
hmm jeg sidder på en IE 5´er
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 01:04 #18
det gør jeg heller ikke, kigger måske på det i morgen når jeg står op!
Avatar billede horsmark Nybegynder
11. juli 2001 - 01:04 #19
fedt *smiler*
Avatar billede Lasse Novice
11. juli 2001 - 01:16 #20
ok... er der nogen af jer der ved hvordan man rykker foldud menuen \"tættere sammen\". Jeg syntes den fylder for meget.... Har i eksperimenteret med det?
Avatar billede Lasse Novice
11. juli 2001 - 01:16 #21
dvs. at indhakkende ikke bliver så store, samt at afstanden mellem linierne ikke bliver så store..
Avatar billede horsmark Nybegynder
11. juli 2001 - 01:18 #22
gooky>> hvis du måske leger lidt med fontstørrelsen :-)
Avatar billede Lasse Novice
11. juli 2001 - 01:22 #23
det har jeg prøvet... men det ændrer ikke noget...


1) jeg taler herom de indrykninger der er når man laver li og ul. 2) jeg taler om den afstand der er mellem linierne.

her er hvad jeg har skrevet i css.

li {text-family:arial; text-size:10px}

det bliver teksten mindre af... ikke det andet
Avatar billede Lasse Novice
11. juli 2001 - 01:24 #24
font-family og font-size selvfølgelig
Avatar billede horsmark Nybegynder
11. juli 2001 - 03:49 #25
gooky... hvad med?

<style>
UL
{
    MARGIN-BOTTOM: 0pt;
    MARGIN-TOP: 0pt
}
</STYLE>
Avatar billede torbenmelander Nybegynder
11. juli 2001 - 10:21 #26
Det ser ud til at scriptet skulle virke i alle browsere fra IE4+ og NS4+, så jeg ved ikke lige hvad der er galt.

Virker eksmeplet på http://www.dynamicdrive.com/dynamicindex1/navigate1.htm for dig horsmark
Avatar billede Lasse Novice
11. juli 2001 - 15:59 #27
horsmark... det virker ikke... jeg har dog fundet ud af at line-height:\"afstand mellem linier i %\" gør tricket... Der er dog bare indrykningsafstanden som stadig driller
Avatar billede Lasse Novice
11. juli 2001 - 16:07 #28
dette skulle gøre tricket...

ul {margin-left:5;}
li {font-family:arial;font-size:10px;line-height:100%;margin-left:5;}
Avatar billede horsmark Nybegynder
12. juli 2001 - 11:07 #29
torbenmelander >> nope den kokser også. Måske her det noget med firewall´en at gøre - hvem ved. MEN jeg har droppet grafikken (det var kun den der koksede) så nu spiller det..

spørgsmålet er hermed lukket - *pis*
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