Opdelt en menubar

[Kim]

Hej nu har jeg prøvet at få lavet en template med opdelt af jeres Drop down menubar. fra http://www.nemprogrammering.dk/Tutorial ... 14java.php.

Det er vist letter sagt en gjordt når man ikke er 100% endnu i php.

nogen der kan give mig et hint til hvordan man gør det ?
er træt af at ændre de ting på hver side man laver.. Syntes at include funktion gør det en smule letter

[Kim]

Eller det er måske ikke lige til ?

[ThomasI]

Hej Kim

For det første. Den video der, er IKKE omkring PHP. Det er en tutorial i hvordan man laver en Javascript dropdown menu.

Det burde ikke volde dig de store problemer hvis du blot gør som i videoen.

Altså:

- Hent filerne
- læg dem i en mappe sammen
- Sørg for at der bliver linket korrekt til din javascript fil

Og så skulle det gerne virke...

[ThomasI]

OG

Hvis du placere menuen i en fil der bliver inkluderet, så det det vigtigt at når du linker til javascript filen, at du så bruger den fulde sti, ellers kan browseren ikke finde filen...

Det samme gælder almindelige links i filer du inkludere

[Kim]

Ved godt det er javascripts menu fil... ok prøver mig frem og ser om jeg er heldig med at få det sadt op

[ThomasI]

Ok, super...tror måske også jeg misforstod dit spørgsmål.

Men ja, det vigtigste er at du laver stierne korrekt og absolutte i dine inkluderede filer...


Internet URL absolut sti

Kode: Vælg alt

http://www.nemprogrammering.dk/fil.php

Internet URL ikke absolut sti (relativ sti)

Kode: Vælg alt

fil.php

[Kim]

min template ser ud som følger.

Kode: Vælg alt

<html>
        <HEAD>
        <TITLE> index </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <link rel="stylesheet" href="CSSnav.css" type="text/css" />
        <script type="text/javascript" src="CSSnav.js"></script>
    </HEAD>
        <?php
include ("index.php");
include ("3D.php");
include ("lys.php");
        ?>
    </body>
</html>

[Kim]

og mit index er

Kode: Vælg alt

<!DOCTYPE html>
<HTML lang="da">
    <HEAD>
        <TITLE> index </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <link rel="stylesheet" href="CSSnav.css" type="text/css" />
        <script type="text/javascript" src="CSSnav.js"></script>
    </HEAD>
    <BODY>
        <h1>HOBBIEN</h1>
        <div style=" width:1000px; margin: auto;" > <!-- Denne DIV anigver breden på baren (min. 600px), margin er sat til auto for at placere diven i midten -->
        <div class="nav">
    <ul id="menu" class="menu">
        <li><a href="#">Home</a>
        </li>
        <li><a href="">Billeder</a>   <!-- angiver overordnet link i navbaren -->
            <ul>
                <li><a href="http://google.com/">Billed 1</a></li> <!-- Angiver underlinks -->
                <li><a href="#">Billed 2</a></li>    
            </ul>
        </li>
        <li><a href="#">Shop</a>
            <ul>
                <li><a href="#">3D</a></li>
                <li><a href="#">Lys</a></li>
                <li><a href="#">Link 3</a></li>             
                <li><a href="#">Link 4</a></li>
                <li><a href="#">Link 5</a></li>
            </ul>
        </li>
        <li><a href="#">Kontakt</a>
            <ul>
                <li><a href="#">Kim</a></li>
                <li><a href="#">Marie</a></li>
                
            </ul>
        </li>
        <li><a href="#">Om os</a>
            <ul >
			
             <li><a href="#">Firmaet</a></li>
			
            </ul>
        </li>
    </ul>
</div>   
            </div>
<script type="text/javascript">
var dropdown=new MENU.dropdown.init("dropdown", {id:'menu', active:'menuhover'});
</script>
    </BODY>
</HTML>

[Kim]

Men når nu jeg skal lave f.eks 3D.php filen og sætter head tagget ind og og liste ind. Men når jeg så åbner den i en browser kommer den med http://localhost/Test2/index.php# istedet for http://localhost/Test2/3D.php

[Kim]

når fik da lavet linket. Men nu hvor jeg har lavet linket står den helt ude til venstre. Har ikke ændret i css filen eller på nogen andre tags

[Kim]

Det kan os være det er mig der har misforstået det med Templates.. Havde håbet på at jeg ikke behøver at ændre hver fil når nu der sker ændringer i mit scripts

[ThomasI]

Hej kim

Formålet med at bruge include funktionen på denne måde er som du siger at slippe for at skulle rette i hver eneste side og faktisk er nemprogrammering.dk også bygget op på denne måde.

Har dog længe været utilfreds med videoen om netop include, da til tider ikke giver den helt rigtig information og vejledning i include funktionen. Der er derfor mange der ikke får det brugt rigtigt, og kan også se at dit ikke er sat helt rigtigt op.

Derfor vil jeg imorgen eller i weekenden lave en version 2 af videoen, hvor det hele skulle blive forklaret mere klart!

Hvis du har tålmodighed kan du se videoen når den kommer, tror det kan hjælpe dig...

Hvis ikke kan vi skrive videre her på tråden!

[Kim]

Har masser af tid.. Prøver på at ligge den Dropdown menu bar ind i den include function for at se om jeg kan få den hen.. men har masser af tid inden min hjemmeside skal ud på nettet og ligge

[Kim]

Tror jeg har fundet ud af det.. men er ikke 100% sikker.. Men kan godt vente og se din tutorials

[Kim]

ok, Jeg troede jeg havde den fikset. Men neej...

[ThomasI]

Hej Kim,

Så fik jeg lavet en ny video omkring include() - Nu skulle den ikke være til at misforstå

Se den her:
http://www.nemprogrammering.dk/Tutorials/PHP/T13PHP.php

Med hensyn til din navigationsbar så skal du i din template fil linkt til CSS filen og Javascript filen. Du kan så i din header fil indsætte al HTMl koden til navigationsbaren, og så skulle der gerne virke!

HUSK ikke at lave en sideopsætning i de filer du inkludere!

[Kim]

Ser på det Thomas. Håber det kan hjælpe en smule på det ....