Søg
Avatar billede spiritusanta Nybegynder
13. september 2002 - 23:36 Der er 18 kommentarer og
1 løsning

Menu der går igen på alle siderne

Jeg er ved at lave en hjemmeside, der fungere således, at når der klikkes på et link, skiftes hele siden ud.... dette gør jeg for at undgå frames, da de tager lidt tid at loade...

Problemet med denne side er, at jeg har en menu i siden, som gerne skal gå igen på alle siderne... hvordan gøres det?

Jeg kan lige give jer min sourcecode

<HTML>
<HEAD>
<LINK href="style.css" media=all rel=stylesheet>
<TITLE>
welcome to Clan |-SBW-| Homepage
</TITLE>
</HEAD>
<BODY BGCOLOR=000000>
<CENTER>
<TABLE WIDTH=598 border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD COLSPAN=5 HEIGHT=83 BACKGROUND=billeder\logo.jpg>
&nbsp;
</TD>
</TR>
<TR>
<TD WIDTH=152 HEIGHT=18 BACKGROUND=billeder\midt1.jpg>
&nbsp;
</TD>
<TD WIDTH=59 BACKGROUND=billeder\midt2.jpg>
&nbsp;
</TD>
<TD WIDTH=302 BACKGROUND=billeder\midt3.jpg>
<marquee scrolldelay="66" scrollamount="3"><font color=silver><B>Welcome to Clan SBW' Homepage</B></font></marquee>
</TD>
<TD WIDTH=63 BACKGROUND=billeder\midt4.jpg>
&nbsp;
</TD>
<TD WIDTH=22 BACKGROUND=billeder\midt5.jpg>
&nbsp;
</TD>
</TR>
<TR>
<TD BACKGROUND=billeder\navi.jpg VALIGN=TOP>
<CENTER>
<BR>
<TABLE border="0" cellspacing="0" cellpadding="0" >
<TR>
<TD WIDTH=121 HEIGHT=22 background=billeder\clansbw.jpg>
&nbsp;
</TD>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Startside</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="members.html">Members</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">CW</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Clan-regler</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Om |-SBW-|</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Udfordrer os</TD></TR>
</TR>
<TR>
<TD>
&nbsp;
</TD>
</TR>
<TR>
<TD WIDTH=121 HEIGHT=22 background=billeder\members.jpg>
&nbsp;
</TD>
</TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Adgang</TD></TR>
<TR>
<TD>
&nbsp;
</TD>
</TR>
<TR>
<TD WIDTH=121 HEIGHT=22 background=billeder\service.jpg>
&nbsp;
</TD>
</TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Tagwall</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Billeder</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Links</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Kontakt os</TD></TR>
</TABLE>
</CENTER>
</TD>
<TD COLSPAN=3 HEIGHT=400>
&nbsp;
</TD>
<TD BACKGROUND=billeder\navi2.jpg>
&nbsp;
</TD>
</TR>
<TR>
<TD COLSPAN=5 BACKGROUND=billeder\bund.jpg>
&nbsp;
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

Som det ses er den bygget op af en række tables.... der er især det sted her, der er vigtigt:

<TABLE border="0" cellspacing="0" cellpadding="0" >
<TR>
<TD WIDTH=121 HEIGHT=22 background=billeder\clansbw.jpg>
&nbsp;
</TD>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Startside</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="members.html">Members</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">CW</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Clan-regler</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Om |-SBW-|</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Udfordrer os</TD></TR>
</TR>
<TR>
<TD>
&nbsp;
</TD>
</TR>
<TR>
<TD WIDTH=121 HEIGHT=22 background=billeder\members.jpg>
&nbsp;
</TD>
</TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Adgang</TD></TR>
<TR>
<TD>
&nbsp;
</TD>
</TR>
<TR>
<TD WIDTH=121 HEIGHT=22 background=billeder\service.jpg>
&nbsp;
</TD>
</TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Tagwall</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Billeder</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Links</TD></TR>
<TR><TD BGCOLOR="#000000" onmouseover="style.backgroundColor='#53627E';" onmouseout="style.backgroundColor='#000000';" ALIGN="CENTER"><A HREF="#" target="target">Kontakt os</TD></TR>
</TABLE>

Da det er min menu... som det ses består den også af en tabel med nogle links og billeder... der er placeret i et af felterne på den "store" tabel.

Mit spørgsmål går på: Er det muligt af lave et eller andet, så man kan lægge menuen i en fil for sig og derved kalde på den fra de enkelte sider?

Håber der er nogen der kan hjælpe mig
Avatar billede 7th Praktikant
13. september 2002 - 23:52 #1
Hvis du har adgang til aps eller php, kan du gøre det ved at inkludere en fil som indeholder din menu. Sidste udvej hvis du ikke har adgang til serverside-scripting er at bruge javascript.
Avatar billede 7th Praktikant
13. september 2002 - 23:57 #2
http://activedeveloper.dk/aspdigital/kapitel3/include_file.asp - asp.
http://html.dk/artikler/00001/ - javascript.
http://www.webcafe.dk/artikler/php/skabeloner/ - php.
Avatar billede Jman Praktikant
14. september 2002 - 00:01 #3
p.s. frames tager ikke lang tid at loade - det er indholdet der tæller
Avatar billede jakoba Nybegynder
14. september 2002 - 00:06 #4
du kan komme tæt på samme fart som frames hvis du lægger menuen ud i en .js fil som så inkluderes på alle sider der hvor menuen skal stå.
Jeg lavede en side til det engang:
http://www.jakoba.dk/eksperten/exp225077.html

mvh JakobA
Avatar billede spiritusanta Nybegynder
14. september 2002 - 00:06 #5
Hehe det siger du superior... tjek lige min gamle clan side
www.holliez.h4f.dk

Til dig 7th jeg kigger lige på det.. tror måske at det med javascript kan bruges
Avatar billede 7th Praktikant
14. september 2002 - 00:09 #6
Før jeg kom igang med php, brugte jeg også en .js fil til min menu. Det er en udmærket løsning. Dog vær opmærksom på, at du skal erstatte alle " med ' eller \" i din menu. Frames kan også være en udmærket løsning, især hvis du har en rigtig tung menu med meget grafik.
Avatar billede Jman Praktikant
14. september 2002 - 00:13 #7
det vil jeg blive ved med at sige - eneste forskel på din side og hvis du skulle lave den uden frames er, at det ville tage længere tid, før der egentlig kommer noget frem, hvis du ikke brugte frames ;)
Avatar billede whatever Nybegynder
14. september 2002 - 00:21 #8
superior har ret. Hvis menuen ligger i en frame, skal den kun loades en gang. Hvis den inkluderes som 7th foreslår, skal den loades hver gang. Så frame-løsning er den klart hurtigste.
Avatar billede jakoba Nybegynder
14. september 2002 - 00:35 #9
Der er faktisk en ekstra fordel ved at benytte en .js menu.  .js filen bliver cashet, og hentes så fra cashe på de andre sider.
Avatar billede spiritusanta Nybegynder
14. september 2002 - 00:38 #10
Ja det ser jo rigtig godt ud med den menu... men der er stadig et problem..

Hvor er mine billeder?
Jeg har skrevet sourcen her under til min JS fil


<!-- dette indsættes for at skjule koden for gamle browsere

document.write("<CENTER>")
document.write("<BR>")
document.write("<TABLE border=0 cellspacing=0 cellpadding=0 >")
document.write("<TR><TD WIDTH=121 HEIGHT=22 background='billeder\clansbw.jpg'>&nbsp;</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Startside</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=members.html>Members</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>CW</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Clan-regler</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Om |-SBW-|</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Udfordrer os</TD></TR>")
document.write("<TR><TD>&nbsp;</TD></TR>")
document.write("<TR><TD WIDTH=121 HEIGHT=22 background='billeder\members.jpg'>&nbsp;</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Adgang</TD></TR>")
document.write("<TR><TD>&nbsp;</TD></TR>")
document.write("<TR><TD WIDTH=121 HEIGHT=22 background='billeder\service.jpg'>&nbsp;</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Tagwall</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Billeder</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Links</TD></TR>")
document.write("<TR><TD BGCOLOR=#000000 onmouseover=style.backgroundColor='#53627E'; onmouseout=style.backgroundColor='#000000'; ALIGN=CENTER><A HREF=# target=target>Kontakt os</TD></TR>")
document.write("</TABLE>")
document.write("</CENTER>")

// slut skjul kode -->


Men hvor er de billeder, der eksempelvis skulle stå i linien her

document.write("<TR><TD WIDTH=121 HEIGHT=22 background='billeder\service.jpg'>&nbsp;</TD></TR>")
Avatar billede jakoba Nybegynder
14. september 2002 - 00:40 #11
de ligger i mappen billeder ganske som før, og hentes derfra.
Avatar billede spiritusanta Nybegynder
14. september 2002 - 00:49 #12
hmm hvordan kan det være, at det her ikke virker

<!-- dette indsættes for at skjule koden for gamle browsere

document.write("<IMG SRC=billeder\clansbw.jpg>")

// slut skjul kode -->
Den viser bare at den ikke kan finde billedet


Når det virker, når man skriver det her inde på selve siden:
<IMG SRC=billeder\clansbw.jpg>

Html og js filen ligger i den samme mappe.
Avatar billede Jman Praktikant
14. september 2002 - 00:52 #13
prøv med ./billeder/clansbw.jpg
Avatar billede jakoba Nybegynder
14. september 2002 - 00:54 #14
det virker bedre med korrekte anførselstegn og skråstregen den rigtige vej.
  <IMG SRC='billeder/clansbw.jpg'>

prøv det samme i javascript versionen:

<script type='text/javascript'>
<!-- dette indsættes for at skjule koden for gamle browsere

document.write("<IMG SRC=billeder\clansbw.jpg>")

// slut skjul kode -->
</script>

du havde husket <script kommandoerne ikke?
Avatar billede spiritusanta Nybegynder
14. september 2002 - 00:56 #15
thx superior.. nu virker det... aner ikke hvorfor man skal vende "\" om til "/".
Tak for hjælpen til jer alle.

7th du kom først med det bedste bud, så du får pointne.
Avatar billede 7th Praktikant
14. september 2002 - 01:07 #16
Oki fint du fandt en løsning. Takker for points ;)
Avatar billede Jman Praktikant
14. september 2002 - 01:22 #17
jeg tror mere det er . *punktummet( der afgør at du står i en given mappe
Avatar billede 7th Praktikant
14. september 2002 - 01:39 #18
Det jeg mente med \" i stedet for " var f.eks document.write ("<font color=\"#000000\">"); men man kan jo også skrive det med bare en enkelt '. document.write("<img src='billeder/clansbw.jpg'>"); burde da virke som jakoba siger.
Avatar billede 7th Praktikant
14. september 2002 - 01:41 #19
Jeg synes personligt selv det ser pænere ud når det i kildekoden ser f.eks sådan her ud <font color="#000000"> end <font color='#000000'> sådan her.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
White papers
Flere white papers »