Äntligen har jag hittat den. Den lilla kursen som gör att allt blir solklart när det gäller att separera funktionalitet från struktur och presentation. Detta är ju som förut sagts en viktig del i webstandardsättet att koda. Jag har jobbat på det här sättet i det mesta jag gjort under senaste året, men är absolut inte fullärd. I bruksanvisningen Unobtrusive Javascript
finns beskrivande text blandat med enkla och eleganta exempel. Huvudregeln i detta sätt att jobba är Never, under any circumstances add Javascript directly to the document.
. Det enda javaskript man ska behöva se i ett html-dokument är detta:
<script type="text/javascript" src="scripts.js"></script>
Alla anrop som förut har gjorts i <a href="javascript:makeit()"> eller onclick="makeit()" kan plockas bort och ersättas av skript i en javascriptfil.
Detta är bra! Enkelt och avancerat! Läs och lär!
twitter: Jag har nu lagt till mig på SIS-Index "Twitter-index": http://bit.ly/aMUWrM 2010-03-06;
}
6 kommentarer till
kommentera
Tack!!! Det var precis det jag behövde veta. På mina två gallerisidor hade jag lagt in både länk till script.js + själva scriptkoden och det visade sig – tack vare din länk – vara helt galet. Man lär sig något nytt varje dag
Kommenterat av Åsa — 20 februari 2005 klockan 20.47
Generellt sätt håller jag med till 100%, det ska verkligen separeras så långtdet går och när det är lämpligt.
Däremot är jag inte helt säker på att man vill kräva att besökaren måste ha JavaScript påslaget bara för att man lägger på events automatiskt på olika element.
Dessutom finns det fall där variablernas värden kommer från serversidan (t ex i ASP, ASP.Net eller PHP) och då ser jag det som helt ok att (enbart) ha variabelns värde i sidan. T ex:
var strValue = ””)
Givetvis ska resten av scriptet i dessa fall fortfarande ligga i en extern JavaScript-fil.
Kommenterat av Robert Nyman — 01 april 2005 klockan 21.45
Koden ovan blev escapad, men strValue skulle vara lika med värdet i en servervariabel eller t ex en asp:Literal i ASP.Net.
Kommenterat av Robert Nyman — 01 april 2005 klockan 21.47
ska vi se hur detta slutar
Kommenterat av Millus — 30 april 2006 klockan 08.00
Jag har försökt till att länka till en js fil sominnehåller denna kod från en html sida med denna kod
men jag får inte det till att fungera.
Kan du hjälpa mig
Tack på förhand. Håkan
Kommenterat av Håkan — 18 maj 2006 klockan 18.49
Den här sidan har en image map med några ”hotspots” som används för att göra ”drop-down”-menyerna. Jag har provat att länka till javascriptfilen utan att få det att funka. Går det inte att göra det om scriptet jobbar ihop med en image map?
Kommenterat av Frisse — 21 juni 2006 klockan 16.16