Sida 1 av 2

HTML/CSS, Bästa sätt för meny?

Postat: 25 januari 2020, 10:46:43
av Marta
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.

Re: HTML/CSS, Bästa sätt för meny?

Postat: 25 januari 2020, 11:06:09
av HUGGBÄVERN
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?

Re: HTML/CSS, Bästa sätt för meny?

Postat: 25 januari 2020, 11:20:46
av Klas-Kenny
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();

Re: HTML/CSS, Bästa sätt för meny?

Postat: 25 januari 2020, 11:38:44
av Marta
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/

Re: HTML/CSS, Bästa sätt för meny?

Postat: 25 januari 2020, 16:35:39
av papabear
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.

Re: HTML/CSS, Bästa sätt för meny?

Postat: 25 januari 2020, 20:58:11
av Mr Andersson
Klas-Kenny skrev:Det brukar lösas server-side nu för tiden.
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.

Re: HTML/CSS, Bästa sätt för meny?

Postat: 26 januari 2020, 10:59:58
av Marta
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.

Re: HTML/CSS, Bästa sätt för meny?

Postat: 26 januari 2020, 20:51:46
av Mr Andersson
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.

Re: HTML/CSS, Bästa sätt för meny?

Postat: 28 januari 2020, 06:27:31
av Marta
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?

Re: HTML/CSS, Bästa sätt för meny?

Postat: 28 januari 2020, 17:44:55
av Mr Andersson
Ö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."

Re: HTML/CSS, Bästa sätt för meny?

Postat: 30 januari 2020, 07:37:25
av Marta
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...

Re: HTML/CSS, Bästa sätt för meny?

Postat: 30 januari 2020, 08:03:29
av lgrfbs
i PHP finns det include, fritt ur huvudet:

Kod: Markera allt

echo .....
echo .....
echo .....
echo .....
echo ..HTML Header...

include('sökväg/filnamn.txt');


echo .....
echo .....
echo .....
echo .....
echo ..HTML footnote

eller

Kod: Markera allt

inlude('html-hedear.txt');
include('meny.txt');
include(html-end.txt');
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.

Re: HTML/CSS, Bästa sätt för meny?

Postat: 30 januari 2020, 09:21:47
av Marta
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 :shock: :shock: :shock:

Re: HTML/CSS, Bästa sätt för meny?

Postat: 30 januari 2020, 09:31:41
av mrfrenzy
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.
Det är just detta man gör idag väldigt enkelt.

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>

Re: HTML/CSS, Bästa sätt för meny?

Postat: 30 januari 2020, 18:13:37
av Mr Andersson
Usch för php :( Låt klienten göra jobbet istället.
Exempel http://next.plnkr.co/edit/AibQAUfNzMlSUYrV?preview