Hej på er igen! Fråga om du inte förstår hur det funkar. Jag vill använda en extern js-fil som jag tänkte anropa med en kort kodsnutt på varje sida och den js-filen skulle innehålla länkarna/menyn. Detta är ju både meny-kod och anropskod på samma sida / i samma fil, om jag förtått saken rätt... Jo, men du kan lägga den i en extern fil och inkludera den med : sen vill du också antagligen sätta in lite Mark of the Web på lämpliga ställen ifall du kör med IE och lokalt pga dess något "intressanta" säkerhetsänkande ... Vet inte om det är jag som har gröt i skallen och inte fattar ett smack hur javascriptet ska byggas in html-koden/-sidan, eller om jag var otydlig på någon punkt och inte uttryckte mig helt klart över hur jag hade tänkt mig - trots att jag ansträngde mig för att vara så tydlig som möjligt... 1. js-filen:Extern js-fil (includerad menue) i Javascript
Är tyvärr inte lika haj på Javascript som jag är på ASP och i just ASP hade det inte varit någon lek att fixa detta men nu är det Javascript vi talar om...
Har skaffat ny dator och har ingen webbserver installerad för tillfället och kan därför inte köra asp lokalt på datorn. Nu håller jag på och bygger en sajt i ren html med några färdiga javascript i.
Den innehåller fn ett 20-tal sidor och varje sida består av bl a en och samma meny (vill inte göra den i frames) och händer en förändring i menyn blir det lite jobbigt att ändra i alla 20 sidor varje gång...!
Vad jag skulle vilja veta är om det går att inkudera en fil typ meny.htm eller meny.js med en vanlig html-meny med länkar i och om det i sådana fall är <script src="meny.js"></script>
man anropar den externa filen med?
Hur skriver man i sådana fall js-filen om man vill ha med t ex detta:
<code>Startsidan Om mig Mitt utbud</code>
Tar tacksamt emot alla tips, förslag och idéer!
Sv: Extern js-fil (includerad menue) i Javascript
<code>
<html>
<head>
<title>JSMeny</title>
<script type="text/javascript">
var links = new Array(
new Array("Pellesoft", "http://www.pellesoft.se"),
new Array("Aftonbladet", "http://www.aftonbladet.se"),
new Array("Microsoft", "http://www.microsoft.com"),
new Array("Google", "http://www.google.com")
);
function createMenu(target) {
var div = document.getElementById(target);
if (div == null) exit;
for (i = 0; i < links.length; i++) {
div.appendChild(createLink(links[i][0], links[i][1]));
div.appendChild(document.createElement('br'));
}
}
function createLink(text, url) {
link = document.createElement('a');
link.href = url;
link.appendChild(document.createTextNode(text));
return link;
}
</script>
</head>
<body onload="createMenu('meny')">
<div id="meny">
</div>
</body>
</html>
</code>Sv:Extern js-fil (includerad menue) i Javascript
Sv: Extern js-fil (includerad menue) i Javascript
<code>
<script type="text/javascript" src="meny.js"></script>
</code>
Borde ha skrivit det.Sv: Extern js-fil (includerad menue) i Javascript
http://msdn2.microsoft.com/en-us/library/ms537628.aspxSv:Extern js-fil (includerad menue) i Javascript
Säg att jag har tre filer: en js-fil, med kodsnutten och menyn som ska inkluderas bland taggarna i html-sidorna, samt de två vanliga html-sidorna med kod som anropar js-filen (menyn) + allt annat text- och bild-innehåll.
Mina två frågor är sålunda:
1.) Hur ser koden i js-filen ut?
2.) Hur ser kodsnuttarna för att anropa denna js-fil ut och var i html-koden placeras de?
Mvh
/En pinsamt okunning i JavaScript *blushing*Sv: Extern js-fil (includerad menue) i Javascript
var links = new Array(
new Array("Pellesoft", "http://www.pellesoft.se"),
new Array("Aftonbladet", "http://www.aftonbladet.se"),
new Array("Microsoft", "http://www.microsoft.com"),
new Array("Google", "http://www.google.com")
);
function createMenu(target) {
var div = document.getElementById(target);
if (div == null) exit;
for (i = 0; i < links.length; i++) {
div.appendChild(createLink(links[i][0], links[i][1]));
div.appendChild(document.createElement('br'));
}
}
function createLink(text, url) {
link = document.createElement('a');
link.href = url;
link.appendChild(document.createTextNode(text));
return link;
}
2.
a) För att inkludera filen skriver du i dokumentets head-tag:
<code>
<script type="text/javascript" src="meny.js"/></script>
</code>
b) för att anropa funktionen skriver du <code>createMenu(mny)</code>, där mny är id för den div-tag du vill ha menyn i. Anropet kan göras i body-taggen via onload:
<code>
<body onload="createMenu('mymenu')/>
</code>
exempel-html:
<code>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body onload="createMenu('meny');">
<div id="meny"></div>
</body>
</html>
</code>