Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:05 Der er 13 kommentarer og
1 løsning

Menu lagt i js-fil

http://testingit.frac.dk/

Menuen på denne side vil jeg gerne have i en fil så jeg ikke skal ændre menuen på alle mine sider når der er ændringer. Sidens stylesheets ser således ud:
html,body{margin:0px;padding:0px;}
a,a:visited,a:hover{color:black;}
td {
    background-color: #B2C3D5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}
img {
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B2C3D5;
    border-right-color: #B2C3D5;
    border-bottom-color: #B2C3D5;
    border-left-color: #B2C3D5;
    background-color: #B2C3D5;
}
a.menu {
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: white;
}
a.menulink {
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:14px;
    color: #333333;
    BORDER: none;
    border-top: 1px none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;
    font-weight: bolder;
    padding: 5px;
?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?);
}
a.menulink:hover {
    background-color:#6F9CC5;
    border-top: 1px none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;
}
.titel {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #333333;
    font-weight: bolder;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
}
p {
    width: 491px;
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #333333;
    BORDER: none;
    font-weight: normal;
    padding: 0px 5px 5px;
}
.copyright {
    display: block;
    width: 246px;
    text-align: center;
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color: #333333;
    border: 1px none #FFFFFF;
    font-weight: normal;
    padding: 20px 5px;
    background-color: #FFFFFF;
}
.footer {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color: #333333;
    font-weight: normal;
}





Den "nye" menu må ikke ændre sidens design
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:06 #1
tror det skal være noget i stil med document.write("<noget>noget andet</noget>")-statements
Avatar billede thesurfer Nybegynder
18. april 2004 - 21:14 #2
Gem din css kode i en .css fil (f.eks. "style.css"), uden: "<style...>" og "</style>"

Så inkluderer du filen med:
<link href="filens-placering/style.css" rel="stylesheet" type="text/css">

Den linie indsætter du på alle dine sider..
Avatar billede thesurfer Nybegynder
18. april 2004 - 21:15 #3
..hvis du har style.css filen i samme mappe som dine html filer, kan du bare bruge href="style.css" (husk alle de andre ting)
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:15 #4
Neeeeeeej!
Det ved jeg godt... Og det har jeg gjort. Mit spørgsmål lyder på hvordan jeg kan ændre alle sidernes menupunkter på én gang (og det må vel være noget ala det jeg skrev)
Avatar billede thesurfer Nybegynder
18. april 2004 - 21:16 #5
Ja, så skal du bare lave ændringerne i "style.css".. så er det ændret på alle siderne, hvor style.css er inkluderet..
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:17 #6
Men jeg kan jo ikke lægge menuens tekst og urls ind i en css-fil vel?
Avatar billede thesurfer Nybegynder
18. april 2004 - 21:20 #7
Ahh... det er det du mener :-)
Jeg troede det var css koden, som du viste :-)

Så skal du bruge noget:
<script type="text/JavaScript" src="menu.js"><script>

Og menu.js indeholder din menu, med nogle document.write:

document.write('<a href="forside.htm" class="noget">Forsiden</a>');
document.write('<a href="kontakt.htm" class="noget">Kontakt</a>');

osv..
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:24 #8
Perfekt. Det var DET jeg mente!


men jeg er skod til js... Kan du ikke lave det for mig?
Hele koden?
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:27 #9
det er vigtigt at det ikke ændrer designet
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 21:30 #10
skal lige ud at løbe
er tilb. om 40 min ca.
Avatar billede thesurfer Nybegynder
18. april 2004 - 21:35 #11
Koden til menuen (i html filen) skal se sådan ud:

      <td height="106" valign="top">
      <script type="text/JavaScript" src="menu.js"></script>
    <div class="copyright">Design og kode © Kristian Klitgaard</div></td>

og menu.js (skal ligge i samme mappe som html filen):

document.write('<a class="menulink" href="http://testingit.frac.dk/bestyrelsen.htm">');
document.write('Bestyrelsen</a>');
document.write('<a class="menulink" href="http://testingit.frac.dk/kalender.htm">Kalender</a>');
document.write('<a class="menulink" href="http://testingit.frac.dk/debat.htm">Debatindlæg</a>');
document.write('<a class="menulink" href="http://testingit.frac.dk/byraad.htm">');
document.write('Byrådsmedlemmets side</a>');
document.write('<a class="menulink" href="http://testingit.frac.dk/s-l.htm">');
document.write('Svendborg-Langelandskredsen</a>');
document.write('<a class="menulink" href="http://testingit.frac.dk/general.htm">');
document.write('Generalforsamling 2004</a>');
document.write('<a class="menulink" href="http://testingit.frac.dk/kampagner.htm">');
document.write('Kampagner</a>');
Avatar billede thesurfer Nybegynder
18. april 2004 - 21:36 #12
Smider lige et svar.. som kan accepteres, hvis man markere mit navn i boksen, inden man klikker på Accepter-knappen :-)
Avatar billede darkstylerdk Nybegynder
18. april 2004 - 22:38 #13
Hahah... Har brugt exp ret længe så deeeet ;)
Avatar billede thesurfer Nybegynder
18. april 2004 - 22:54 #14
;-)
Takker for points :-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging