Avatar billede Slettet bruger
27. oktober 2002 - 20:45 Der er 8 kommentarer og
1 løsning

Ved klik på link skal man _ikke_ gå til sidens top

Hej, jeg har følgende der bruges til at vis/skjule nogle form felter til indtastning.

Men når man klikker, går man til sidens top. Det er vel pga. #. Hvordan sørger jeg for at det ikke sker?

<table align="center" width="100%" cellspacing="0" cellpadding="2" border="0">
<tr><td colspan="2"><br><b>TRACKS PÅ CD 2</b> <a href="#" onClick="document.getElementById('tekst2').style.display = (document.getElementById('tekst2').style.display == 'none') ? 'block' : 'none';">Vis/skjul felter</a></td></tr>
</table>
<div id="tekst2" style="display: none;">
<table align="center" width="100%" cellspacing="0" cellpadding="2" border="0">
<tr><td width="200" nowrap><b>Track 01:</b></td><td width="100%"><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 02:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 03:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 04:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 05:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 06:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 07:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 08:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 09:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 10:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 11:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 12:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 13:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 14:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 15:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 16:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 17:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 18:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 19:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
<tr><td><b>Track 20:</b></td><td><input type="text" name="cd2[]" style="width:80%"></td></tr>
</table>
</div>
Avatar billede htm Nybegynder
27. oktober 2002 - 20:47 #1
du laver det som direkte javascript i stedet:
<a href="java script:onClick="document.getElementById('tekst2').style.display = (document.getElementById('tekst2').style.display == 'none') ? 'block' : 'none';">
Avatar billede htm Nybegynder
27. oktober 2002 - 20:48 #2
nej ups sådan her:
<a href="java script:document.getElementById('tekst2').style.display = (document.getElementById('tekst2').style.display == 'none') ? 'block' : 'none';">
Avatar billede htm Nybegynder
27. oktober 2002 - 20:49 #3
ellers skal du lave en funktion i head og dermed kalde den med
<a href="java script:dinfunktion();">
Avatar billede Slettet bruger
27. oktober 2002 - 20:50 #4
Ej, det duer altså ikke.

Så får jeg bare en blank side hvor der står "Block" på.

Prøv lige at teste før du svarer ;)
Avatar billede Slettet bruger
27. oktober 2002 - 20:52 #5
du kunne lave <a om til <span class=fakelink
hvor class er et stylesheet som minder om et link tag (<a)...
Men det løser ikke problemet i, at <div holder op med at eksistere (at siden ikke er større end, at du kun kan se toppen). Men nu ved jeg jo ikke hvad du ellers skal kunne se!?
Avatar billede Slettet bruger
27. oktober 2002 - 20:56 #6
Jeg skal kunne se en masse, blandt andet hele designet, 2 form felter, 3 andre div's osv.
Avatar billede Slettet bruger
27. oktober 2002 - 20:59 #7
Ok... så skulle der ikke være nogle problemer i at gøre det på den måde!?
smid nedenstående ind i dit stylesheet og giv det et skud med <span class=fakelink onclick="detsammesomfør">linktekst</span>.

.fakelink
{
    text-decoration: underline;
    cursor: hand;
}
Avatar billede knudgert Nybegynder
27. oktober 2002 - 22:05 #8
En return false bør kunne gøre det.

<a href="#" onClick="document.getElementById('tekst2').style.display = (document.getElementById('tekst2').style.display == 'none') ? 'block' : 'none';return false;">
Avatar billede Slettet bruger
28. oktober 2002 - 08:16 #9
Der var den knudgert! :)

Tak for hjælpen...
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