Avatar billede graae Nybegynder
13. februar 2001 - 19:26 Der er 5 kommentarer

Menu

Jeg sidder med det script som kan ses under mit spørgsmål. Hvor der står Category 1, Category 2 og Category 3 vil jeg istedet for denne tekst kunne indsætte et billede ... Hvorfor kan det ikke lade sig gøre? Jeg vil gerne bede en lave scriptet om så det kan lade sig gøre at indsætte billeder på disse pladser ... / Peter


<html>
<head>

</head>
<body>

<script language=\"JavaScript\">
<!--
var item1disp=0;
var item2disp=0;
var item3disp=0;
var color=0;

function errortrap(msg,url,line)
{
return true;
}
var setEmTo=\"None\"; // \"None\" or \"Inline\"
function setAll(_v) {
  document.all.item1d1.style.display=_v;
  document.all.item1d2.style.display=_v;
  document.all.item1d3.style.display=_v;
  document.all.item1d4.style.display=_v;
  item1disp=0;
  document.all.item2d1.style.display=_v;
  document.all.item2d2.style.display=_v;
  item2disp=0;
  document.all.item3d1.style.display=_v;
  document.all.item3d2.style.display=_v;
  document.all.item3d3.style.display=_v;
  item3disp=0;
}

function OutlineClick() {
  var objSrc=window.event.srcElement;
  setAll(setEmTo);
  if (objSrc.id==\"item1\"){
    if (item1disp==0){
      document.all.item1d1.style.display=\"Inline\";
      document.all.item1d2.style.display=\"Inline\";
      document.all.item1d3.style.display=\"Inline\";
      document.all.item1d4.style.display=\"Inline\";
      item1disp=-1;
    }else{
      document.all.item1d1.style.display=\"None\";
      document.all.item1d2.style.display=\"None\";
      document.all.item1d3.style.display=\"None\";
      document.all.item1d4.style.display=\"None\";
      item1disp=0;
    }
  }else{
    if (objSrc.id==\"item2\"){
      if (item2disp==0){
        document.all.item2d1.style.display=\"Inline\";
        document.all.item2d2.style.display=\"Inline\";
        item2disp=-1;
      }else{
        document.all.item2d1.style.display=\"None\";
        document.all.item2d2.style.display=\"None\";
        item2disp=0;
      }
    }else{
      if (objSrc.id==\"item3\"){
        if (item3disp==0){
          document.all.item3d1.style.display=\"Inline\";
          document.all.item3d2.style.display=\"Inline\";
          document.all.item3d3.style.display=\"Inline\";
          item3disp=-1;
        }else{
          document.all.item3d1.style.display=\"None\";
          document.all.item3d2.style.display=\"None\";
          document.all.item3d3.style.display=\"None\";
          item3disp=0;
        }
      }
    }
  }
}




//-->
</script>

<div id=Outline onclick=\"OutlineClick()\">

<div id=item1 style=\"cursor: hand\"> Catagory 1 <BR>
<div id=item1d1 style=\"display:None\">  <A HREF=\"index1.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item1d2 style=\"display:None\">  <A HREF=\"index2.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item1d3 style=\"display:None\">  <A HREF=\"index3.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item1d4 style=\"display:None\">  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
</div>
<div id=item2 style=\"cursor: hand\"> Catagory 2 <BR>
<div id=item2d1 style=\"display:None\">  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"><br>
  </A></div>
<div id=item2d2 style=\"display:None\">  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
</div>
<div id=item3 style=\"cursor: hand\"> Catagory 3 <BR>
<div id=item3d1 style=\"display:None\">  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item3d2 style=\"display:None\">  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item3d3 style=\"display:None\">  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
</div>
</div>


</body>
</html>

Avatar billede brain Nybegynder
13. februar 2001 - 19:30 #1
Det er style=display:None i dine inderste div\'s der er problemet. Prøv at fjern dem over hele linjen...
Avatar billede brain Nybegynder
13. februar 2001 - 19:32 #2
sådan her....

<html>
<head>

</head>
<body>

<script language=\"JavaScript\">
<!--
var item1disp=0;
var item2disp=0;
var item3disp=0;
var color=0;

function errortrap(msg,url,line)
{
return true;
}
var setEmTo=\"None\"; // \"None\" or \"Inline\"
function setAll(_v) {
  document.all.item1d1.style.display=_v;
  document.all.item1d2.style.display=_v;
  document.all.item1d3.style.display=_v;
  document.all.item1d4.style.display=_v;
  item1disp=0;
  document.all.item2d1.style.display=_v;
  document.all.item2d2.style.display=_v;
  item2disp=0;
  document.all.item3d1.style.display=_v;
  document.all.item3d2.style.display=_v;
  document.all.item3d3.style.display=_v;
  item3disp=0;
}

function OutlineClick() {
  var objSrc=window.event.srcElement;
  setAll(setEmTo);
  if (objSrc.id==\"item1\"){
    if (item1disp==0){
      document.all.item1d1.style.display=\"Inline\";
      document.all.item1d2.style.display=\"Inline\";
      document.all.item1d3.style.display=\"Inline\";
      document.all.item1d4.style.display=\"Inline\";
      item1disp=-1;
    }else{
      document.all.item1d1.style.display=\"None\";
      document.all.item1d2.style.display=\"None\";
      document.all.item1d3.style.display=\"None\";
      document.all.item1d4.style.display=\"None\";
      item1disp=0;
    }
  }else{
    if (objSrc.id==\"item2\"){
      if (item2disp==0){
        document.all.item2d1.style.display=\"Inline\";
        document.all.item2d2.style.display=\"Inline\";
        item2disp=-1;
      }else{
        document.all.item2d1.style.display=\"None\";
        document.all.item2d2.style.display=\"None\";
        item2disp=0;
      }
    }else{
      if (objSrc.id==\"item3\"){
        if (item3disp==0){
          document.all.item3d1.style.display=\"Inline\";
          document.all.item3d2.style.display=\"Inline\";
          document.all.item3d3.style.display=\"Inline\";
          item3disp=-1;
        }else{
          document.all.item3d1.style.display=\"None\";
          document.all.item3d2.style.display=\"None\";
          document.all.item3d3.style.display=\"None\";
          item3disp=0;
        }
      }
    }
  }
}




//-->
</script>

<div id=Outline onclick=\"OutlineClick()\">

<div id=item1 style=\"cursor: hand\"> Catagory 1 <BR>
<div id=item1d1>  <A HREF=\"index1.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item1d2>  <A HREF=\"index2.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item1d3>  <A HREF=\"index3.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item1d4>  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
</div>
<div id=item2 style=\"cursor: hand\"> Catagory 2 <BR>
<div id=item2d1>  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"><br>
  </A></div>
<div id=item2d2>  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
</div>
<div id=item3 style=\"cursor: hand\"> Catagory 3 <BR>
<div id=item3d1>  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item3d2>  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
<div id=item3d3>  <A HREF=\"index4.html\"><IMG border=\"0\" src=\"underknap.gif\" width=\"143\" height=\"15\"></A><BR></div>
</div>
</div>


</body>
</html>
Avatar billede graae Nybegynder
13. februar 2001 - 22:04 #3
Det er desværre forkert. Det der skal ske er at der hvor der, hvis du kører scriptet hos dig selv, står \"Category 1\" skal der være et billede i stedet for teksten \"Category 1\" ...

Når du fjerner det som du gjorde sker der det af undermenuerne bliver vist fra starten, men de skal først vises når man trykker på den pågældende knap, som altså nu er \"Category 1\" ...
Fx. skal der hvis du trykker på knappen \"Category 1\" nedenunder dukke 4 knapper frem ...
Avatar billede jakoba Nybegynder
13. februar 2001 - 23:48 #4
Er svaret ikke så simpelt som at der du skriver

<div id=item1 style=\"cursor: hand\"> Catagory 1 <BR>

Skal der istedet stå:

<div id=item1 style=\"cursor: hand\"><img src=\"billed_for_Catagory_1.jpg\"><BR>

og liesådan i de andre overskrifter.

mvh JakobA

Avatar billede perla Nybegynder
09. juni 2001 - 18:58 #5
Har fundet et menu script i javascript, prøv at se om du kan bruge det

http://www.codeproject.com/jscript/dhtmlmenus.asp

-Per
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