Re: Å lage en HTML "meny" med URL valg
Ørjan Langbakk
> Jeg ønsker å lage en startside med mange lenker på, og for å spare
> plass på siden kunne det vært fint med en "meny" eller hva det heter,
> der jeg får frem navnene til de forskjellige lenkene, så trykker jeg
> på en "Gå dit" knapp som gir meg den websiden.
>
> Et eksempel på en slik meny er: http://www.altavista.com/image/default
> (Se f.eks. på "Color", "Sources" og "Sizes")
>
> Noen som har et eksempel på dette der jeg bare kan klippe/lime inn de
> nye URLene jeg trenger?
Jeg lurer litt på om du faktisk _trenger_ å lage dette selv - slik jeg
forstår det, så har du ikke så mye kunnskap om webdesign/HTML, så
kanskje en "ferdig" portalløsning (personlig) hadde funket bedre? Ta en
titt på www.netvibes.com - her kan du legge til "ørten" forskjellige
moduler, alt fra vær, til nyheter, til bilde (Flikr) til bokmerker til
notater etc. etc.
Neste punkt er at det ikke går an å lage en slik meny, som automatisk
videresender deg til riktig link, uten at du hiver inn et javascript
e.l. for å få det til - igjen, dette har ikke så mye å si om det er en
personlig oppstartside du er på jakt etter.
Koden du trenger er ikke så veldig vanskelig å få til ved å skrive den i
ren tekst i notepad - kommer litt an på om dette skal ut på web eller
bare være en personlig startside for deg når du åpner browseren.
<html>
<head>
<title>Min startside</title>
</head>
<body>
<form name="kategori1">
<label>Nyheter: </label>
<select name="SelectURL"
onChange="document.location.href=document.kategori1.SelectURL.options[document.kategori1.SelectURL.selectedIndex].value">
<option value="http://www.vg.no">VG</option>
<option value="http://www.dagbladet.no">Dagbladet</option>
</select>
</form>
<form name="kategori2">
<label>TV: </label>
<select name="SelectURL"
onChange="document.location.href=document.kategori2.SelectURL.options[document.kategori2.SelectURL.selectedIndex].value">
<option value="http://www.nrk.no">NRK</option>
<option value="http://www.tv2.no">TV 2</option>
</select>
</form>
</body>
</html>
Den koden kan du så bygge videre på. Vær oppmerksom på at dette er kode
som _definitivt_ ikke bør legges ut på en webside, dette er kun for eget
bruk.
Utseende kan du bestemme med CSS, og vær også obs på at for hver ny
kategori, så må de korresponderende navnene i <select>-tag'en endres.
--
mvh
Ørjan Langbakk
http://www.bergenpchjelp.no
Johannes D. Pedersen
> Den 28.05.2006 12:01, skriblet Johannes D. Pedersen følgende:
> > Jeg ønsker å lage en startside med mange lenker på, og for å spare
> > plass på siden kunne det vært fint med en "meny" eller hva det heter,
> Jeg lurer litt på om du faktisk _trenger_ å lage dette selv - slik jeg
> forstår det, så har du ikke så mye kunnskap om webdesign/HTML, så
> kanskje en "ferdig" portalløsning (personlig) hadde funket bedre? Ta en
> titt på www.netvibes.com - her kan du legge til "ørten" forskjellige
> moduler, alt fra vær, til nyheter, til bilde (Flikr) til bokmerker til
> notater etc. etc.
Glimrende! HTML'en din fungerte flott.
Jeg hadde faktisk allerede begynt med noe jeg fant her:
http://www.cs.tut.fi/~jkorpela/forms/navmenu.html
..og kopierte flere av de kodene i håp om å få flere menyer uten at
det fungerte. Med din HTML forstod jeg at jeg måtte endre "kategori1"
til noe annet neste gang.
Så nå fungerer det!
> Den koden kan du så bygge videre på. Vær oppmerksom på at dette er kode
> som _definitivt_ ikke bør legges ut på en webside, dette er kun for eget
> bruk.
Jeg skal bruke dette til min egen startside som ligger på min egen
maskin, men hvorfor bør jeg ikke bruke noen slikt på en webside på
nettet?
Det er jo en nyttig greie og ser ut til å fungere fint.
> Utseende kan du bestemme med CSS, og vær også obs på at for hver ny
> kategori, så må de korresponderende navnene i <select>-tag'en endres.
HTML kan jeg litt av (grunnleggende HTMl iallefall), men CSS er jeg
blank på.
Kanskje jeg kan starte med noen maler eller "låne" koden fra websider
jeg liker på nettet, så gjøre dem sakte men sikkert om til min egen
smak.
Ørjan Langbakk
> Ørjan Langbakk wrote:
>> Den 28.05.2006 12:01, skriblet Johannes D. Pedersen følgende:
>>> Jeg ønsker å lage en startside med mange lenker på, og for å spare
>>> plass på siden kunne det vært fint med en "meny" eller hva det heter,
>
> Jeg hadde faktisk allerede begynt med noe jeg fant her:
> http://www.cs.tut.fi/~jkorpela/forms/navmenu.html
>
> ..og kopierte flere av de kodene i håp om å få flere menyer uten at
> det fungerte. Med din HTML forstod jeg at jeg måtte endre "kategori1"
> til noe annet neste gang.
> Så nå fungerer det!
Flott :)
>> Den koden kan du så bygge videre på. Vær oppmerksom på at dette er kode
>> som _definitivt_ ikke bør legges ut på en webside, dette er kun for eget
>> bruk.
>
> Jeg skal bruke dette til min egen startside som ligger på min egen
> maskin, men hvorfor bør jeg ikke bruke noen slikt på en webside på
> nettet?
> Det er jo en nyttig greie og ser ut til å fungere fint.
Joda. Nyttigheten er det vel kanskje delte meninger om, men selvsagt,
har man en rekke linker i samme kategori, så kan det være en løsning.
Grunnen til at du ikke bør legge noe slikt ut på en webside er at den
løsningen jeg beskrev er en "sammenrasket" kjapp løsning, som _ikke_ er
semantisk korrekt HTML-messig - den følger ikke "standarden" for hvordan
en slik FORM skal brukes og settes opp. Derfor bør den heller ikke
benyttes på en webside.
>> Utseende kan du bestemme med CSS, og vær også obs på at for hver ny
>> kategori, så må de korresponderende navnene i <select>-tag'en endres.
>
> HTML kan jeg litt av (grunnleggende HTMl iallefall), men CSS er jeg
> blank på.
Ok. Du kan fint "style" siden internt i HTML-koden (f.eks. med
color="red" o.l.), men CSS gir deg langt, langt bedre kontroll, samt at
du slipper å legge til argumenter for hver eneste ting du vil forandre -
du legger heller til en fast regel for f.eks. FORM i CSSen, så vil alle
FORMs som du lager i den koden få det utseendet som du bestemmer der.
> Kanskje jeg kan starte med noen maler eller "låne" koden fra websider
> jeg liker på nettet, så gjøre dem sakte men sikkert om til min egen
> smak.
En helt kurant måte å gjøre ting på.
Du kan også ta en titt i gruppen news:no.it.tjenester.www.css - der har
det nylig vært en lengre tråd ang. CSS og det er en del linker til gode
sider om CSS i den tråden :)
Johannes D. Pedersen
> Den 30.05.2006 13:33, skriblet Johannes D. Pedersen følgende:
> > HTML kan jeg litt av (grunnleggende HTMl iallefall), men CSS er jeg
> > blank på.
>
> Ok. Du kan fint "style" siden internt i HTML-koden (f.eks. med
> color="red" o.l.), men CSS gir deg langt, langt bedre kontroll,
Har fått lånt meg en bok som heter "Head first HTML with CSS and
XHTML" der jeg har lært litt mer. Har eksperimentert litt med en
ekstern CSS fil som jeg peker til i "index.html" dokumentet mitt, lekt
litt med forskjellige tekststiler og slikt. Genialt konsept!
Jeg tror jeg forstår grunnideen, men siden jeg er mer praktisk enn
teoretisk anlagt begynner jeg å eksperimentere allerede nå, med en
teksteditor og nettleser.
Jeg tenkte jeg skulle starte med en nettside jeg har planlagt lenge,
men ikke visst hvordan jeg skulle "sy sammen".
Den skal ha 3 kolonner (venstre: navigering, midtre: sideinnholdet,
høyre: lenker osv.) med noe grafikk på toppen og kanskje noe
copyright/"laget av:" greier nederst.
Nå har jeg forstått litt hvordan jeg lager slike "bokser" i CSS,
f.eks. den midtre kolonnen:
#centre_column {
border: thin solid blue;
width: 500px;
padding: 0px 10px 10px 10px;
margin-left: 20px;
margin-right: 5px;
margin-top: 10px;
text-align: left;
float: left;
line-height: 1;
}
Og i HTML (index.html) definerer jeg alt som skal tilhøre denne stilen
med:
<div id="centre_column">
blahblah her skriver jeg all teksten jeg skal presentere til leseren.
Blabla.....
</div>
Men det er tydeligvis litt mer komplisert enn som så, fordi om jeg
endrer litt på bredden til nettleservinduet eller gjør disse
kolonnene for brede "klapper" alt sammen og blir bare rot.
En annen ting jeg tenkte på er hva som vil skje om nettleseren til den
som besøker siden min ikke støtter CSS. Jeg ser at da blir nettsiden
ganske så meningsløs. Ikke bare at jeg mister stiler (uthevet skrift,
fargede overskrifter osv.) men hele strukturen blir det rot av!
Så nå lurer jeg på om det ville vært bedre med en enkel tabell (3
kolonner, 1 rekke) og deretter bruke CSS innenfor disse for å ordne
til stilene. For det er vel ingen nettlesere som ikke kan lese
tabeller?
Men så leser jeg over alt at tabeller er ute mens CSS er inn, så jeg
blir forvirret igjen.
Jeg har strevd fælt i en del timer for å få til den grunnleggende
3-kolonners strukturen, og lurer på om det er verdt det.
Samtidig har jeg analysert en del nettsider som ligner på det jeg har
lyst til å lage selv (ved å bruke nettleserens "show source", og
flere av nettstedene ser ut til å bruke tabeller til strukturen.
Nå ser jeg at jeg kanskje er ute på bærtur med tanke på hva denne
tråden egentlig startet med, så kanskje jeg burde starte en ny tråd.
> Du kan også ta en titt i gruppen news:no.it.tjenester.www.css - der har
> det nylig vært en lengre tråd ang. CSS og det er en del linker til gode
> sider om CSS i den tråden :)
Jeg har tittet litt i den gruppa (kanskje det er der jeg burde spørre
om disse tingene jeg kom med her), men det er så mange tråder der at
jeg ikke helt vet hvilken du sikter til. Hva heter tråden?