Avatar billede Mette81 Juniormester
10. september 2010 - 13:33 Der er 13 kommentarer og
1 løsning

Forhindre side i at....

...hoppe op til toppen når man trykker på et menulink. For at gøre det mere behageligt for folk med mindre skærme (eks. bærbar) vil jeg gerne lave noget der forhindrer siden i at hoppe op til toppen når man trykker på et menulink. Jeg har en side med en temlig høj flashtopbar og derunder ligger menuen. Hvis man så læser noget i bunden af siden og trykker på et menulink skal man til at scrolle ned igen for at se den nye sides indhold. Giver det mening? Og kan det lade sig gøre med javascript eller andet?

Mvh Mette.
Avatar billede claes57 Ekspert
10. september 2010 - 13:38 #1
hvis du linker til din side med fx
<A href="#section2">efterflash</A>

og på siden har en
<A name="section2">efterflash</A>

så vil linket hopper derned.
Avatar billede intenz Novice
10. september 2010 - 16:30 #2
Hvordan det skal sættes op afhænger af hvordan du har lavet din menu.

Hvis du kalder en javascript funktion, og linker ser ud i den stil her:
<a href="#" onclick="nogetJavascript();">link</a>

skal du bruge sende 'return false;' fra javascript funktionen og ændre linket til:
<a href="#" onclick="return nogetJavascript();">link</a>

Alternativt kan du bruge javascript's preventDefault(); som gør det samme.

Hvis du har behov for et mere konkret svar, skal du vise din kode.
Avatar billede Mette81 Juniormester
13. september 2010 - 08:56 #3
Det er sådan set bare et (gammelt/forældet) cms med en menu der er lagt ind via "include file". Her er menuens kode:

        <div id="menu2" style="position:relative; left:0px; margin-top:15px; width:137px; height:15px; z-index:10">
        <p class="menu"><a href="../content/sortiment.asp" class="menu" target="_self">Sortiment</a></p>
      </div>
    </TD><TD align="center">
        <div id="menu3" style="position:relative; left:0px; margin-top:15px; width:139px; height:15px; z-index:10">
        <p class="menu"><a href="../content/teknik.asp" class="menu" target="_self">Teknik</a></p>
        </div>
    </TD><TD align="center">
        <div id="menu4" style="position:relative; left:0px; margin-top:15px; width:138px; height:15px; z-index:10">
        <p class="menu"><a href="../content/omos.asp" class="menu" target="_self">Om os</a></p>
        </div>
    </TD><TD align="center">
        <div id="menu5" style="position:relative; left:0px; margin-top:15px; width:138px; height:15px; z-index:10">
        <p class="menu"><a href="http://www.enandenside.dk/content/gallery.asp#" class="menu">Gallery</a></p>
      </DIV>
        </TD><TD align="center">
        <div id="menu6" style="position:relative; left:0px; margin-top:15px; width:138px; height:15px; z-index:10">
        <p class="menu"><a href="../content/default.asp" class="menu" target="_self">Home</a></p>
        </div>

Mvh Mette.
Avatar billede keysersoze Ekspert
13. september 2010 - 09:40 #4
Så må du gøre som foreslået i #1 - når du laver sideskift vil siden starte i toppen medmindre du altså laver bookmarks.

Man kan så spørge sig selv om det måske ikke er lige så relevant at få minimeret flashen hvis den er så stort et irritationsmoment for mange brugere.
Avatar billede Mette81 Juniormester
13. september 2010 - 09:46 #5
Flashen kan der ikke røres ved så jeg er nødt til at finde en anden løsning. Jeg er bare ikke sikker på hvordan jeg gør det der er beskrevet i #1.. Når nu der er links til specifikke sider kan jeg vel ikke lave det som foreslået.. Eller?
Avatar billede keysersoze Ekspert
13. september 2010 - 09:55 #6
jo - det eneste du skal gøre er at sætte #ditnavn efter dine links og så have en name="ditnavn" det sted på siden som du vil starte på.
Avatar billede Mette81 Juniormester
13. september 2010 - 10:10 #7
Nåå selvfølgelig! Det prøver jeg lige og vender snarest tilbage om det virker :)

Tak for hjælpen indtil videre!
Avatar billede Mette81 Juniormester
13. september 2010 - 12:20 #8
Det virker så fint! Men virker det også på mac? Eller der er måske ikke nogen forskel?
Avatar billede intenz Novice
13. september 2010 - 12:37 #9
Der er ingen forskel. Det er en HTML standard, og virker i alle browsere.
Avatar billede Mette81 Juniormester
13. september 2010 - 13:00 #10
Fint! Tak for hjælpen alle sammen. I kan lige dele pointene da jeg synes i alle har hjulpet.. Er det okay?
Avatar billede intenz Novice
13. september 2010 - 13:31 #11
Jeg springer over :)
Avatar billede claes57 Ekspert
13. september 2010 - 13:31 #12
bare hold mig ude...
Avatar billede Mette81 Juniormester
13. september 2010 - 14:14 #13
Nå jamen så får keysersoze bare pointene..

Men tak for hjælpen alligevel :)
Avatar billede keysersoze Ekspert
13. september 2010 - 17:47 #14
svar :)

selvom claes57 nu nok burde lægge et også.
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