Avatar billede tunoxw Nybegynder
18. april 2001 - 14:58 Der er 2 kommentarer og
1 løsning

Nute help me

Eller hvis en anden en gider! Jeg vil gerne have at når man har klikket og åbnet et af navnene og hvis man trykker på et andet navn at det andet navn lukker sig selv!

http://users.cybercity.dk/~dsl28887/ancients/1227.html

el.

<html>
<head>
    <title>The Ancients 1227</title>
    <style>
<!--
body{background-color:#FFFFFF}
A:link{color:\"#FFFFFF\"; text-decoration: bold}
A:active{color:\"#FFCC00\"; text-decoration: bold}
A:visited{color:\"#FFFFFF\"; text-decoration: bold}
A:hover{background=#808080; color:#000000; text-decoration: none;}
body
{scrollbar-face-color: #808080; scrollbar-shadow-color: #808080;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0; scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #000000}

#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language=\"JavaScript1.2\">

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=\'\'
      }
      else {
        nested.style.display=\"none\"
      }
  }
}

document.onclick=change

//-->
</script>

</head>

<body>

<div style=\"position: absolute; left: 10; top: 17; width: 628; height: 787; z-index: 2\">
<ul>
<span id=\"foldheader\">God of Electrician - King
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Elf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br>
  </ul></span><br>
<span id=\"foldheader\">God of Landgrabs
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: Juz<br>
      Race: Halfling<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>     
      Interests: ?<br>
  </ul></span><br>
<span id=\"foldheader\">God of Shadowarts
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Undead<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of the Graveyard
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Undead<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Armageddon IX
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Mentality
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Elf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God Of Lions
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Evil
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Elf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of HorrorLand
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Blackness
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Destruction
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      Name: Martin<br>
      Nickname: Escaton<br>
      Race: Elf<br>
      ICQ: 98386931<br>
      MSN Messenger: Yes<br>
      E-mail: <a href=\"mailto:escaton20@hotmail.com\">escaton20@hotmail.com</a><br>
      Interests: Computers, games, homepage, school. More to come.<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Dystopia
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of Sky Lightning
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Avian<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">God of karak azoul
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">Hatti babymoose
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">PuffBunny
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">Lord of the Orc
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      Name: ?<br>
      Nickname: ?<br>
      Race: Orc<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">SKYLINE
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Dwarf<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">richard VII
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};> 
      Name: ?<br>
      Nickname: ?<br>
      Race: Undead<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">Taunting of The Moon
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      Name: ?<br>
      Nickname: ?<br>
      Race: Avian<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span><br>
<span id=\"foldheader\">Massive Keep
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      Name: ?<br>
      Nickname: ?<br>
      Race: Undead<br>
      ICQ: ?<br>
      MSN Messenger: ?<br>
      E-mail: ?<br>
      Interests: ?<br> 
  </ul></span>
</ul>
</div>

</body>
</html>
Avatar billede nute Nybegynder
18. april 2001 - 15:40 #1
en rask modifisering...ikke riktig testet:

<script language=\"JavaScript1.2\">
var oldSrcIndex = -1

function change(){
   
  if(!document.all) {
      return;
    }
   
  if (event.srcElement.id==\"foldheader\") {
      var srcIndex = event.srcElement.sourceIndex
            same = false
            if( oldSrcIndex != -1 ){
              if( (oldSrcIndex - 1) != srcIndex ){
                    if( document.all[oldSrcIndex].style.display == \'\'){
                      document.all[oldSrcIndex].style.display=\"none\";
                    } else {
                        document.all[oldSrcIndex].style.display=\'\';
                    }
                } else {
                    if( document.all[srcIndex+1].style.display == \'\'){
                      document.all[srcIndex+1].style.display=\"none\";
                    } else {
                        document.all[srcIndex+1].style.display=\'\';
                    }
                    same = true
                }
            }
            //alert( oldSrcIndex + \" \" + srcIndex );
      var nested = document.all[srcIndex+1]
      if (nested.style.display==\"none\" ) {
              if( oldSrcIndex != (srcIndex + 1) ) {
            nested.style.display=\'\';
                } else {
                  nested.style.display=\'none\';
                }
      } else {              
              if( oldSrcIndex != (srcIndex + 1) ) {
            nested.style.display=\'none\';
                } else {
                  nested.style.display=\'\';
                }
      }
            oldSrcIndex = srcIndex+1;    
  }
}

document.onclick=change

//-->
</script>

*men* bemerk at dette ikke er x-browser. hvis du skal ha en god og gjennomtestet menu som fungerer på denne måten, bør du ta en titt på denne:

http://www.bratta.com/dhtml/scripts/scripts.asp?id=19&ac=11&order=created

/nute

Avatar billede tunoxw Nybegynder
18. april 2001 - 15:58 #2
dette er bare godt nok :)
Avatar billede nute Nybegynder
18. april 2001 - 16:01 #3
oki....

hvis du skal ha noen fete effekter på din site, så anbefaler jeg at du ser på

http://www.bratta.com og http://www.dynamicdrive.com

de har masse lignende ting som dette her...

/nute
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