HTML/CSS, Bästa sätt för meny?
HTML/CSS, Bästa sätt för meny?
Ett sätt är att repetera menyn på alla sidor, men vill helst undvika detta. Jättestökigt vid ändring.
Förr fanns det något som hette frames i HTML och det var bara att ladda ny sida i en frame. Dessa är nu deprecated och kanske även helt obsolete. Dessutom markerades inte valt alternativ.
Blir alldeles yr av att googla detta och är hyfsat grön på hemsidor. Så vad är den bästa metoden numera att åstadkomma en sidomeny till vänster som är samma på alla sidor. Det är en fördel om valt alternativ markeras.
Är frågan felplacerad så flytta den.
Förr fanns det något som hette frames i HTML och det var bara att ladda ny sida i en frame. Dessa är nu deprecated och kanske även helt obsolete. Dessutom markerades inte valt alternativ.
Blir alldeles yr av att googla detta och är hyfsat grön på hemsidor. Så vad är den bästa metoden numera att åstadkomma en sidomeny till vänster som är samma på alla sidor. Det är en fördel om valt alternativ markeras.
Är frågan felplacerad så flytta den.
- HUGGBÄVERN
- Tidigare soundbrigade
- Inlägg: 32735
- Blev medlem: 23 augusti 2006, 22:44:11
- Ort: Lilla Paris
- Kontakt:
Re: HTML/CSS, Bästa sätt för meny?
Skript kanske eller ... vad 17 heter det???? .... du skapar "rutor" och kan då göra en smal ruta i kanten med dina menyer. Man gör en mall som man använder till alla andra fönster.
Hette de LAGER?
Hette de LAGER?
- Klas-Kenny
- Inlägg: 11328
- Blev medlem: 17 maj 2010, 19:06:14
- Ort: Växjö/Alvesta
Re: HTML/CSS, Bästa sätt för meny?
Det brukar lösas server-side nu för tiden. Inga "riktiga" webbsidor görs längre helt statiskt med bara HTML utan snurrar med en server-applikation bakom.
Då är det bara för en meny att göra ungefär (pseudo-kod):
<Include "meny.filformat">
....
print_menu();
Då är det bara för en meny att göra ungefär (pseudo-kod):
<Include "meny.filformat">
....
print_menu();
Re: HTML/CSS, Bästa sätt för meny?
Finns många sätt, men här blir det riktig manellt kodad HTML/CSS.
Hittade denna, men den känns ändå klumpig. Undrar om den skapar tunga och resursslukande sidor. Har inte provat, men skall väl gå att subclassa menuitems så det övergripande utseendet kan läggas på ett ställe.
https://css-tricks.com/including-naviga ... hlighting/
Hittade denna, men den känns ändå klumpig. Undrar om den skapar tunga och resursslukande sidor. Har inte provat, men skall väl gå att subclassa menuitems så det övergripande utseendet kan läggas på ett ställe.
https://css-tricks.com/including-naviga ... hlighting/
Re: HTML/CSS, Bästa sätt för meny?
Blir inte så mycket mer lättviktig än i ditt exempel.
Finns väl tre tillvägagångssätt, server side som PHP i ditt exempel, SSI (också på serversidan) eller att länka in med JavaScript. Sitter på mobil, så inga exempel just nu.
Finns väl tre tillvägagångssätt, server side som PHP i ditt exempel, SSI (också på serversidan) eller att länka in med JavaScript. Sitter på mobil, så inga exempel just nu.
-
- Inlägg: 1397
- Blev medlem: 29 januari 2011, 21:06:30
- Ort: Lapplandet
Re: HTML/CSS, Bästa sätt för meny?
Jag skulle säga att det är precis tvärt om. Det som tidigare kördes på servern flyttas mer och mer ut i webbläsaren. Servern ska bara köra "affärslogiken" och allt som har med UI att göra sköts av klienten.Klas-Kenny skrev:Det brukar lösas server-side nu för tiden.
Re: HTML/CSS, Bästa sätt för meny?
Nästan löst.
document.getElementById("doden").style.background="#ffe0a0"
Tyvärr blir det knasfärger vid mouseover. Hade det gått att ändra class istället för background hade det blivit perfekt, men det vill sig inte... Är detta omöjligt får det duga.
document.getElementById("doden").style.background="#ffe0a0"
Tyvärr blir det knasfärger vid mouseover. Hade det gått att ändra class istället för background hade det blivit perfekt, men det vill sig inte... Är detta omöjligt får det duga.
-
- Inlägg: 1397
- Blev medlem: 29 januari 2011, 21:06:30
- Ort: Lapplandet
Re: HTML/CSS, Bästa sätt för meny?
document.getElementById("elementnamn").classList.add('klassnamn');
document.getElementById("elementnamn").classList.remove('klassnamn');
document.getElementById("elementnamn").classList.toggle('klassnamn');
document.getElementById("elementnamn").classList.replace('gammalklass', 'nyklass');
Bör fungera i alla browsers utom IE.
document.getElementById("elementnamn").classList.remove('klassnamn');
document.getElementById("elementnamn").classList.toggle('klassnamn');
document.getElementById("elementnamn").classList.replace('gammalklass', 'nyklass');
Bör fungera i alla browsers utom IE.
Re: HTML/CSS, Bästa sätt för meny?
Fungerar helt perfekt i FireFox Linux i varje fall. Så får det bli.
Kan Du rekommendera någon bra och överskådlig manual där sådana användbara funktioner finns upptagna?
Kan Du rekommendera någon bra och överskådlig manual där sådana användbara funktioner finns upptagna?
-
- Inlägg: 1397
- Blev medlem: 29 januari 2011, 21:06:30
- Ort: Lapplandet
Re: HTML/CSS, Bästa sätt för meny?
Överskådlig vet jag inte.. https://developer.mozilla.org/en-US/docs/Web/API har i princip allt, men jag tycker det är svårt att navigera om man inte vet ganska specifikt vad man letar efter.
Sen kan den vara lite lurig också. T.ex. på Element står det att classList är read-only men går man in på den står det "The DOMTokenList itself is read-only, although you can modify it using the add() and remove() methods."
Sen kan den vara lite lurig också. T.ex. på Element står det att classList är read-only men går man in på den står det "The DOMTokenList itself is read-only, although you can modify it using the add() and remove() methods."
Re: HTML/CSS, Bästa sätt för meny?
Tackar för hjälpen så här långt.
Nu tar det emot igen och bevisar vilken absolut nybörjare jag är på detta.
Det jag tog som en absolut självklarhet att det skulle finnas tycks saknas. Finns det i html verkligen ingen funktion som helt enkelt och simpelt inkluderar en annan fil som om dess innehåll fanns på platsen där inkluderingen görs?
Vill givetvis slippa använda frames. Gjorde det tidigare, men det är ju på väg ut nu. En ny site skall inte ha det och en tidigare förmodligen rensas från det. De enda sites jag sysslat med...
Nu tar det emot igen och bevisar vilken absolut nybörjare jag är på detta.
Det jag tog som en absolut självklarhet att det skulle finnas tycks saknas. Finns det i html verkligen ingen funktion som helt enkelt och simpelt inkluderar en annan fil som om dess innehåll fanns på platsen där inkluderingen görs?
Vill givetvis slippa använda frames. Gjorde det tidigare, men det är ju på väg ut nu. En ny site skall inte ha det och en tidigare förmodligen rensas från det. De enda sites jag sysslat med...
Re: HTML/CSS, Bästa sätt för meny?
i PHP finns det include, fritt ur huvudet:
eller
OBS syntax har helt glömt bort i dessa exempel, det är principen jag vill visa upp.
Om allt ligger i "textfiler" kan PHP skapa din statiska HTML sida men du kan byta innehåll i "textfilen" och på så sätt uppdatera sidan.
Säkerheten i detta är inte bättre än lösenordet för att FTP:a in på servern.
Kod: Markera allt
echo .....
echo .....
echo .....
echo .....
echo ..HTML Header...
include('sökväg/filnamn.txt');
echo .....
echo .....
echo .....
echo .....
echo ..HTML footnote
Kod: Markera allt
inlude('html-hedear.txt');
include('meny.txt');
include(html-end.txt');
Om allt ligger i "textfiler" kan PHP skapa din statiska HTML sida men du kan byta innehåll i "textfilen" och på så sätt uppdatera sidan.
Säkerheten i detta är inte bättre än lösenordet för att FTP:a in på servern.
Re: HTML/CSS, Bästa sätt för meny?
Tackar för svar.
Svaret är alltså: Nej.
Mycket oväntat, det är ju en sådan enkel och självklar funktion. Antar det är något securitycrap, för det hade verkligen varit mycket användbart.
Nåväl, då blir det en fil per side. Jobbigt att änfra, men tydligem så det skall vara. Vill inte ha en massa kladd med sida som inte är färdig och en massa krafs på servern. Skall bara vara att läsa rakt av. Ett shellscript eller c-program som slår ihop filerna är också en möjlighet så kan det färdiga filpaketet hyfsat lätt genereras.
Helt otroligt att något så självklart som infoga saknas
Svaret är alltså: Nej.
Mycket oväntat, det är ju en sådan enkel och självklar funktion. Antar det är något securitycrap, för det hade verkligen varit mycket användbart.
Nåväl, då blir det en fil per side. Jobbigt att änfra, men tydligem så det skall vara. Vill inte ha en massa kladd med sida som inte är färdig och en massa krafs på servern. Skall bara vara att läsa rakt av. Ett shellscript eller c-program som slår ihop filerna är också en möjlighet så kan det färdiga filpaketet hyfsat lätt genereras.
Helt otroligt att något så självklart som infoga saknas
Re: HTML/CSS, Bästa sätt för meny?
Det är just detta man gör idag väldigt enkelt.Ett shellscript eller c-program som slår ihop filerna är också en möjlighet så kan det färdiga filpaketet hyfsat lätt genereras.
Exempel:
Kod: Markera allt
<html>
<head>
<title></title>
<body>
<?php echo file_get_contents("meny.html"); ?>
Här kommer texten på sidan.
Mera text...
</body>
</html>
-
- Inlägg: 1397
- Blev medlem: 29 januari 2011, 21:06:30
- Ort: Lapplandet
Re: HTML/CSS, Bästa sätt för meny?
Usch för php Låt klienten göra jobbet istället.
Exempel http://next.plnkr.co/edit/AibQAUfNzMlSUYrV?preview
Exempel http://next.plnkr.co/edit/AibQAUfNzMlSUYrV?preview