javascript: a link

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:
javascript: a link

Indlæg af scootergrisen » 10. nov 2013, 10:29

Hvad er den bedste/mest korrekte måde og udføre noget javascript kode ved tryk på et link ?

Kode: Vælg alt

<a href="javascript:noget();">
<a href="javascript:void(0);" onclick="noget();">

MrLundholm
Rutineret
Rutineret
Indlæg:50
Tilmeldt:20. sep 2013, 15:33
Kontakt:

Re: javascript: a link

Indlæg af MrLundholm » 10. nov 2013, 22:46

Der er ingen mest korrekt måde - brug hva du har lyst til!
Men vil helst se på første eksempel da det er kortest og det andet er dobbelt arbejde :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: javascript: a link

Indlæg af scootergrisen » 11. nov 2013, 06:50

Men er der nogen fordel eller ulempe ved at bruge onclick ?

MrLundholm
Rutineret
Rutineret
Indlæg:50
Tilmeldt:20. sep 2013, 15:33
Kontakt:

Re: javascript: a link

Indlæg af MrLundholm » 11. nov 2013, 08:05

Den eneste ulempe er at der er mere kode! :)
Personligt foretrækker jeg selv at man onclick via sin javascript kode og ikke i HTML inline javascript, men det er en principsag :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: javascript: a link

Indlæg af scootergrisen » 11. nov 2013, 12:54

Ok men så laver du linket fra Javascript eller hvad ?
Fordi det er ikke valid kode ikke at have href i a elementet.

MrLundholm
Rutineret
Rutineret
Indlæg:50
Tilmeldt:20. sep 2013, 15:33
Kontakt:

Re: javascript: a link

Indlæg af MrLundholm » 11. nov 2013, 21:08

Laver et link således:
<a href="#" id="id"></a>

Og i jQuery:
$("#id").click(function() {
//Din funktion

return false;
}):

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: javascript: a link

Indlæg af scootergrisen » 11. nov 2013, 21:28

Hvad så hvis man har 30 knapper med 30 id.

Kan det gøre på en smart måde ?

MrLundholm
Rutineret
Rutineret
Indlæg:50
Tilmeldt:20. sep 2013, 15:33
Kontakt:

Re: javascript: a link

Indlæg af MrLundholm » 12. nov 2013, 08:08

Hvis de skal udfører samme funktion så kan du give en class i stedet og så definere denne class jQuery - og hvis du skal have lidt forskellighed i denne funktion så kan du lave en rel på linket og så spørger efter den i din jQuery funktion :)

Men har kok sagt at du skal gøre det på denne måde - det er en personlig hvilken fremgangsmåde man bruger

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: javascript: a link

Indlæg af scootergrisen » 12. nov 2013, 08:40

Som det er nu gør jeg sådan her...

Kode: Vælg alt

<a href="javascript:afspil('1');">1</a>
<a href="javascript:afspil('2');">2</a>
<a href="javascript:afspil('3');">3</a>
<a href="javascript:afspil('4');">4</a>
<a href="javascript:afspil('5');">5</a>
<a href="javascript:afspil('6');">6</a>
<a href="javascript:afspil('7');">7</a>
<a href="javascript:afspil('8');">8</a>
<a href="javascript:afspil('9');">9</a>
...
Men noget kunne tyde på at inline javascript frarådes.
Jeg har installeret et addon til firefox som laver en ramme der hvor der er inline CSS og inline Javascript og sådan som om at åbenbart ikke er så optimalt.

Jeg vil gerne undgå og bruge jquery til det.

MrLundholm
Rutineret
Rutineret
Indlæg:50
Tilmeldt:20. sep 2013, 15:33
Kontakt:

Re: javascript: a link

Indlæg af MrLundholm » 12. nov 2013, 15:25

Dette du har lavet er udmærket, der er ikke noget rigtigt eller forkert i at bruge i inline javascript :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: javascript: a link

Indlæg af scootergrisen » 12. nov 2013, 17:54

Nej men det er måske bedre og have det adskilt sådan at HTML og Javascript er adskilt.

Ligesom med HTML og CSS.

MrLundholm
Rutineret
Rutineret
Indlæg:50
Tilmeldt:20. sep 2013, 15:33
Kontakt:

Re: javascript: a link

Indlæg af MrLundholm » 12. nov 2013, 21:21

Du holder det stadig afskilft fra hinanden på denne måde - det er ligesom at give din div et id og så style det i css for du definere ikke din funktion der :)

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: javascript: a link

Indlæg af scootergrisen » 12. nov 2013, 21:57

Nej men du have noget Javascript inline.

Hvis man kun har <div id="x"> så er det rent HTML også kan man ligesom CSS havde det adskilt.
Så jeg tror gerne jeg vil væk fra at bruge inline javascript.
Vil bare vide hvad der er den bedste måde.

Besvar