solis81 skrev:
Hittade något här
<!--#include virtual="logo.html"-->
Ska detta funka? Vad innebär/betyder virtual?
Du kan utan problem använda SSI även om du inte använder php eller asp utan vanlig gammal hederlig html, och självklart under förutsättning att din server stöder det (det gör de allra flesta nuförtiden).
Det finns två olika typer av include. Dels "virtual" som du själv hittat, och dels "file". Skillnaden ligger i att dom bygger på olika metoder att definera sökvägar för att hitta filen du vill dra in. Tekniskt jox som egentligen är irrelevant om du är en vanligt användare. Funkar inte den ena, så funkar den andra. Så här ser dom alltså ut:
<!--#include virtual="logo.html"-->
<!--#include file="logo.html"-->
Som nån skrev ovan, så brukar det krävas att "föräldrafilen" (dvs sidan där den inkluderade filen ska visas i) har filändelsen "shtml" eller "shtm". Men ibland är det okej med "html" och "htm" också. Kolla med ditt webbhotell vilka krav dom har. Om dom kräver shtml eller shtm så är det bara att byta ändelser på filerna (och självklart ändra i länkar och menyer som leder till samma sidor).
Den inkluderade filen, i ditt fall en meny, ska inte innehålla någon annat än precis det som ska in i "föräldrafilen". Ingen <html> eller <head> eller <body> alltså. Detta är viktigt eftersom de två filerna "blandas" redan på servern och då skulle ju sidan skickas till användarnas webbläsare med två <head> eller två <body>.
Du kan spara ner den inkluderade filen med vilken filändelse som helst. Jag brukar använda ".include" så jag senare vet att det är en inkluderad fil om man bara kollar hastigt.
Här är ett exempel på SSI:
Först "föräldrafilen" som jag nu kallar "ssi-test.shtml":
<html>
<head>
</head>
<body>
<div>
Bla bla bla text här
</div>
<!--#include virtual="meny/min-inkluderade-meny.include"-->
</body>
</html>
...och den inkluderade filen som jag kallat "min-inkluderade-meny.include" ser ut så här:
<div>
<ul>
<li><a href="sida-1.html">Sida 1</a></li>
<li><a href="sida-2.html">Sida 2</a></li>
<li><a href="sida-3.html">Sida 3</a></li>
</ul>
</div>