Avatar billede remo27 Nybegynder
27. april 2005 - 00:12 Der er 9 kommentarer og
1 løsning

denne tree menu skal også virke i Netscape og firefox

jeg har fundet denne menu, problemet med denne menu
er at den kun virker i IE, det kunne være fedt hvis den også virkede i Netscape og firefox.


Er der nogle som kan løse det ??


<SCRIPT LANGUAGE=javascript>

// Expand - Collapse Menu
// By Henrik Jensen - http://www,viewsource.dk
// Lots of free Java Applets, DHTML and JavaScripts


// No of items in menus
constMaxItem=8

function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
    {
    if (i!=active)
        {
        document.all("sub"+i).style.display="NONE"
        }
    else
        {
        document.all("sub"+active).style.display="BLOCK"
        }
    }
}

</SCRIPT>

      <table border="0" cellspacing="0" cellpadding="0" width="187">
        <tr>
          <td  onClick="fnDispThis(1)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(1)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Hjul</b></font><div id="sub1" style="Display:'NONE';"> <font color="#333333">&nbsp;<a href="../pekoline/stamtavle.asp">Carson
              Trendy AX</a></font><br>
              &nbsp;<font color="#333333"><a href="../pekoline/stamtavle.asp">Carson
              Trendy Delta EX</a></font><br>
              &nbsp;<font color="#333333"><a href="../pekoline/stamtavle.asp">Carson
              Trendy Delta GTI</a></font><br>
              &nbsp;<a href="../pekoline/stamtavle.asp">Exellance Deluxe</a><br>
              &nbsp;<font color="#333333"><a href="../pekoline/stamtavle.asp">Flue</a></font><br>
              &nbsp;<a href="../pekoline/stamtavle.asp">Multihjul/Pirke</a></div>
    </td>
        </tr>
        <tr>
          <td  height="16" width="8">
  </td>
          <td  height="16" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(2)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(2)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Stænger</b></font><div id="sub2" style="Display:'NONE';"> <font color="#333333">&nbsp;
              <a href="../Embryoner/Impeccable.asp">Spinne</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Flue</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Kyst/Kast</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Kast/havn</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Teleskopspinne</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Teleskop/kyst</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Båd/havn</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Pirke</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Mede</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Stangsæt</a><br>
&nbsp; <a href="../Embryoner/Impeccable.asp">Topøje</a></font></div>
  </td>
        </tr>
        <tr>
          <td  height="16" valign="top" width="8">
  </td>
          <td  height="16" valign="top" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(3)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(3)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Fangsnet</b></font><div id="sub3" style="Display:'NONE';"> <font color="#333333">&nbsp;&nbsp; </font>
              <a href="../kontaktos/kort.htm">Fangstnet</a><br>
              <font color="#333333">&nbsp;&nbsp; </font>
              <a href="../kontaktos/kort.htm">Vadenet</a><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Keepnet</a></font><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Dafnienet</a></font><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Sænknet</a></font><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Gafkrog</a></font>
            </div>
          </td>
        </tr>
        <tr>
          <td  height="16" valign="top" width="8">
  </td>
          <td  height="16" valign="top" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(4)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(4)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Liner</b></font><div id="sub4" style="Display:'NONE';"> <font color="#333333">&nbsp;&nbsp;
              <a href="../kontaktos/kort.htm">Liner</a></font><br>
              <font color="#333333">&nbsp;&nbsp; </font>
              <a href="../kontaktos/kort.htm">Håndpirkerline</a><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Fletline</a></font>
            </div>
          </td>
        </tr>
        <tr>
          <td  height="16" valign="top" width="8">
  </td>
          <td  height="16" valign="top" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(5)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(5)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Endegrej</b></font><div id="sub5" style="Display:'NONE';"> <font color="#333333">&nbsp;&nbsp; </font>
              <a href="../kontaktos/kort.htm">Spinnere</a><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              blink</a></font><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Woblere</a></font><br>
&nbsp;&nbsp; <a href="../kontaktos/kort.htm">Pirke</a><br>
&nbsp;&nbsp; <a href="../kontaktos/kort.htm">Kroge</a><br>
&nbsp;&nbsp; <a href="../kontaktos/kort.htm">Forfang</a> <br>
&nbsp;&nbsp; <a href="../kontaktos/kort.htm">Spinnerwobler</a>&nbsp;
            </div>
          </td>
        </tr>
        <tr>
          <td  height="16" valign="top" width="8">
  </td>
          <td  height="16" valign="top" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(6)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(6)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Diversej</b></font><div id="sub6" style="Display:'NONE';"> &nbsp;&nbsp;
              <a href="default.asp?emne=knæklys">Knæklys</a><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Sortiment</a></font><br>
              <font color="#333333">&nbsp;&nbsp; <a href="../kontaktos/kort.htm">
              Svirvler og Springringe</a></font></div>
          </td>
        </tr>
        <tr>
          <td  height="16" valign="top" width="8">
  </td>
          <td  height="16" valign="top" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(7)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(7)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Kurv</b></font><div id="sub7" style="Display:'NONE';"> <font color="#333333">&nbsp;&nbsp;
              <a href="../kontaktos/kort.htm">Kurv</a></font></div>
          </td>
        </tr>
        <tr>
          <td  height="16" valign="top" width="8">
  </td>
          <td  height="16" valign="top" width="179">
  </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(8)" style="Cursor:HAND;" width="8">
          <img border="0" src="images/pil.gif"></td>
          <td  onClick="fnDispThis(8)" style="Cursor:HAND;" width="179">
            <font color="#800000"><b>Kontakt os</b></font><div id="sub8" style="Display:'NONE';"> <font color="#333333">&nbsp;&nbsp;
              <a href="../kontaktos/kort.htm">Email</a></font></div>
          </td>
        </tr>
        <tr>
          <td  onClick="fnDispThis(4)" style="Cursor:HAND;" width="8">
          &nbsp;</td>
          <td  onClick="fnDispThis(4)" style="Cursor:HAND;" width="179">
            &nbsp;</td>
        </tr>
      </table>
Avatar billede busschou Praktikant
27. april 2005 - 07:34 #1
Den virker fint i min firefox
Men der er to småting
Den ene er at cursor er sat til "hand" ... det er IE kode og kun IE
Så sæt din i stedet til "point" ...så kommer der også en hånd fra i FF
Det andet er at elementerne er foldet ud til start i FF
Det er fordi du har style="display:'none';" ... hvilket skal være style="display:none"; altså uden '
Prøv rette det hele vejen igennem så tror jeg du vil se at det virker :o)
Avatar billede Slettet bruger
27. april 2005 - 08:50 #2
Skal det ikke være "pointer" frem for "point" ?
Avatar billede busschou Praktikant
27. april 2005 - 08:56 #3
el_barto >> jo selvfølgelig :o) ... skrev lidt for hurtig der...
Avatar billede remo27 Nybegynder
28. april 2005 - 00:30 #4
Hej igen...

Så har lavet de ændriger du beskriver busschou, og nu virker menu'en også i firefox, men ikke i Netscape, den folder ikke menu'erne ud.
Nogle råd ?
Avatar billede busschou Praktikant
28. april 2005 - 05:53 #5
Hvilken version af netscape kører du?
Jeg har for et par dage siden selv hentet netscape og opera netop for at kunne teste mellem forskellige browsere.
Den virker fint i min netscape, opera, firefox, explorer
Men det er det er så også de nyeste versioner
Det er muligt det ikke virker i ældre versioner...men det er jo generelt et problem hvis man vil optimere til "alt" ... man må stoppe et sted jo ;o)
Avatar billede remo27 Nybegynder
28. april 2005 - 17:59 #6
jeg bruger Netscape 7.2 det er vel den nyeste ikk.
Avatar billede busschou Praktikant
28. april 2005 - 18:41 #7
min er ver 8.0 ... men det er vist godt nok en beta
Avatar billede remo27 Nybegynder
28. april 2005 - 21:37 #8
den prøver jeg at hendte..
Avatar billede remo27 Nybegynder
28. april 2005 - 22:25 #9
busschou >> drop et svar, så du kan høste dine points, nu virker det.
det hjalp at installere netscape 8.o Beta
Avatar billede busschou Praktikant
29. april 2005 - 06:21 #10
oki doki ;o) godt det virker...at sikre det virker alle steder..det er næsten umuligt...så rigtig kode er i mine øjne det bedste man kan gøre :o)
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