Avatar billede andersdp Nybegynder
10. oktober 2003 - 17:35 Der er 6 kommentarer og
1 løsning

Kan træ-menu laves cross browser?

Jeg vil gerne bruge nedenstående javascript til en menu, da jeg med lidt php har gjort den lidt mere brugervenlig.
Problemet er blot at den kun virker ordentligt i IE. I Opera 7.11, Mozilla 1.4 og Firebird 0.6 er den bare foldet ud fra starten.

Er der nogen der er hårde nok til, at kunne gøre den cross browser kompatibel?

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

            }
        }
    }
}
---------------------------

Eksempel kan ses på:
http://www.brdr-sorensen.com/index.php
Avatar billede olebole Juniormester
10. oktober 2003 - 17:38 #1
<ole>

Du bruger en proprietær MS-ting: document.all  :)

I stedet for:
  document.all["noget"]
Skal du bruge:
  document.getElementById("noget")

/mvh
</bole>
Avatar billede andersdp Nybegynder
10. oktober 2003 - 17:47 #2
Ja, det gjorde en forskel til det bedre.

Men der er stadig nogle problemer.
Hvis man tager en af de nederste menuer først og vælger et sublink så foldes alle punkter ovenover ud.

Har du også en løsning på det?
Avatar billede olebole Juniormester
10. oktober 2003 - 18:13 #3
Næ, jeg kan ikke genskabe problemet  :)
Avatar billede andersdp Nybegynder
10. oktober 2003 - 18:16 #4
Hm, det var da underligt.
Har du prøvet i en af de tre browsere jeg nævnte, at klikke på et af sublinksene og så se hvad der sker...

Anyway, så er jeg lige ved at se om et script phoenixv har lavet ikke kan opfylde samme funktionalitet. Vender tilbage med status senere...
Avatar billede andersdp Nybegynder
10. oktober 2003 - 18:53 #5
Så er problemet løst - menuen virker nu i alle 4 browsere...

Jeg brugte dette som phoenixv (http://www.phoenixv.dk/artikler.html) har lavet.
Se artiklen der hedder Foldemenu med DHTML.

-----------------------------
foer = null;
function fold(selected)
{
  obj = document.getElementById(selected);
  if (foer != null && foer != obj)
    foer.style.display = "none";
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  foer = obj;
}
-----------------------------

Hvad gør vi med pointene - du skal næsten have fordi du har brugt tid på det...
Avatar billede olebole Juniormester
10. oktober 2003 - 19:07 #6
Pyt ... svar bare selv og tag dem tilbage  ;o)
/mvh
Avatar billede andersdp Nybegynder
10. oktober 2003 - 19:08 #7
Okay, så skylder jeg bare lidt ekstra til næste gang :)
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