Avatar billede naquer Nybegynder
02. august 2011 - 22:17 Der er 3 kommentarer og
1 løsning

Hopper til toppen af siden ved onClick

Hej

Jeg bruger følgende i mit link, til at kalde en funktion uden at siden refreshes:

<a href='#' onClick="callFunction('function')>klik</a>

Problemet med ovenstående er at den forårsager siden til at hoppe til toppen hver gang der trykkes. Er det muligt at erstatte # med noget andet, således at der ikke hoppes til toppen af siden når der klikkes på linket?

Jeg har forsøgt mig med:

<a href='Javascript.void(0);' ....>

men når dette anvendes skriver den http://minside.dk/Javascript.void(0); i browseren i en 'the webpage cannot be found' side
Avatar billede keysersoze Ekspert
02. august 2011 - 22:27 #1
<a href="#" onClick="callFunction('function'); return false;">klik</a>
Avatar billede olebole Juniormester
02. august 2011 - 22:57 #2
<ole>

- og dit eget forsøg med JavaScript var næsten korrekt. I et links href skal angives en eller anden protokol - og den slutter med et kolon. Du kender http:, ftp: og mailto: - således også med JavaScript. Dit punktum skal udskiftes med et kolon.

Personligt kan jeg nu bedre lide keysersoze's - og endnu mere logisk finder jeg:

<span onclick="callFunction()">Klik</span>


/mvh
</bole>
Avatar billede webweaver Praktikant
03. august 2011 - 00:46 #3
Du kan stadig "snyde" lidt og lade folk tro, at det er et link, selvom du bare benytter et span element, som olebole foreslår. Brug lidt CSS og skift cursoren til den samme, som når du fører den over et rigtigt link. På den måde, vil det hele ligne sig selv, men du slipper for at have nogle tegn i din URL som fx #.

<span style="cursor:pointer" onclick="callFunction()">Klik</span>
Avatar billede naquer Nybegynder
03. august 2011 - 20:50 #4
Fantastisk hjælp! Mange tak

Bruger Keysersoze's forslag i denne omgang, men har noteret jeres andre svar, til evt. brug senere.
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