menu in javascript invoegen hoe?

[wowi]

http://www.dhtmlgoodies.c...Script=dhtmlgoodies_menu2

dit menu gebruik ik en heb css gemaakt en daarin de style dingen gezet en ook het hoofd script als js bestand weg gezet maar nu
wil ik nog het volgende laten invoegen in me pagina

HTML:

<div id="dhtmlgoodies_menu">
   <ul>
     <li><a href="#">Menu item 1</a></li>
     <li><a href="#">Menu item 2</a>
       
       <ul>
         <li><a href="#">Sub item 1</a></li>
         <li><a href="#">This is a sub</a></li>
         <li><a href="#">Sub item 3</a>
           <ul>
             <li><a href="#">Sub item 3.1</a></li>
             <li><a href="#">Sub item 3.2</a>
               <ul>
                 <li><a href="#">Sub item 3.2.1</a></li>
                 <li><a href="#">Sub item 3.2.2</a></li>
                 <li><a href="#">Sub item 3.2.3</a></li>
               </ul>
             </li>
             <li><a href="#">Sub item 3.3</a></li>
           </ul>
         </li>
         <li><a href="#">Sub item 4</a></li>
         <li><a href="#">Sub item 5</a></li>
       </ul>
     </li>
     <li><a href="#">Menu item 3</a>
       <ul>
         <li><a href="#">Sub item 3.1</a></li>
         <li><a href="#">Sub item 3.2</a></li>
         <li><a href="#">Sub item 3.3</a></li>
         <li><a href="#">Sub item 3.4</a></li>
       </ul>  
     </li>
     <li><a href="#">Menu item 4</a>
     <li><a href="#">Menu item 5</a>
   </ul>
   </div>

Dit staat dus normaal in de body, hoe krijg ik dat als invoegend html in een pagina.
Kan ik dit met een javascript laten invoegen?
Want anders moet ik voor de hele site het menu op elke pagina gaan aanpassen en dat is niet de bedoeling.
Want als ik dan me menu wijzig moet ik dat voor elke pagina gaan doen.
Het liefste zou ik het menu willen injecteren in die pagina zodat ik het menu op 1 plaats kan wijzigen.
En dat het dan voor alle pagina's gaat gelden.


Als je op die pagina kijkt heb ik de head section in een javascript gezet die wordt nu in de pagina ingevoegd
en dan heb ik ook met de css style dingen gedaan
maar nu wil ik eigenlijk de configuration ook invoegen
via een script of iets dergelijks.

[ Voor 10% gewijzigd door RobIII op 31-08-2011 22:32 . Reden: Code tags toegevoegd ]

[Beatboxx]

Ik snap je niet?

[Verwijderd]

Je moet eens kijken naar de PHP functie include.

Hiermee kun je een menu of een header op iedere pagina "invoegen/kopieren". Je kunt dan zeg maar alleen het bestand met het menu wijzigen en op iedere pagina wordt dit dan doorgevoerd.

Meeste webhostings hebben PHP wel, probeer eens een pagina aante maken die met je HTML menutje en deze noem je menu.php (dus niet .html of .html).

Je index.html hernoem je naar index.php en de plek waar je het menutje wilt typ je <?php include( "menu.php" ); ?>

@F.West98: Ik zou je html niet tussen php tags -> echo zetten

[ Voor 65% gewijzigd door Verwijderd op 31-08-2011 21:17 ]

[F.West98]

maak van je menu dit:

PHP:

<?php
echo 'hier je menu, voor elk enkel aanhalingsteken een \ zetten';
?>

Sla op als php, en op elke pagina t volgende ipv menu:
<?php include('bestand'); ?>

als je host php ondersteund
daarna enkel html in eerste php veranderen voor alles

[wowi]

Dan moet ik dus php op me server gaan zetten is er geen andere mogelijkheid, want van php heb ik nog niet echt kaas gegeten lol.

[Noork]

De javascript-code moet je dan toch sowieso op elke pagina includen?

[8088]

Wikipedia: Server Side Includes

[F.West98]

wowi schreef op woensdag 31 augustus 2011 @ 21:32:
Dan moet ik dus php op me server gaan zetten is er geen andere mogelijkheid, want van php heb ik nog niet echt kaas gegeten lol.

eigen server? zo niet, vaak al php erin...
Niet moeilijk, lees gewoon wat door... combi van html en php is goede basis voor site bouwen

[wowi]

Noork schreef op woensdag 31 augustus 2011 @ 21:34:
De javascript-code moet je dan toch sowieso op elke pagina includen?

Ja klopt maar daar heb ik een js script voor aangemaakt dus dat is maar 1 regeltje in elke pagina

[krvabo]

Ja, dat kan. Het is een slechte oplossing, maar het kan.

De html kun je met bijvoorbeeld innerHTML op een bepaalde positie in je 'DOM' plaatsen.

[Noork]

wowi schreef op woensdag 31 augustus 2011 @ 21:44:
[...]


Ja klopt maar daar heb ik een js script voor aangemaakt dus dat is maar 1 regeltje in elke pagina

Ah, als je toch alles moet aanpassen... voeg dan een extra Javascript functie toe, die het menu naar een of ander div element toe schrijft. B.v. met jquery's html() of standaard innerHTML functies.

In elke html pagina iets als

code:

<script src="menublabla.js">
<div id="menu">

en in je menublabla.js

code:

var menuString = "<a href='linkje.html'>";
jQuery("#menu").html(menuString);

Is niet de allermooiste oplossing, maar zal gerust werken.

[wowi]

Thanks ik heb weer meer dan genoeg om uit te proberen :-)
Het is gelukt met apache met serversides includes dan heb je geen php nodig.
Voor config voor apache zie
http://globalmoxie.com/help/faq/config/enable-ssi.shtml

[ Voor 60% gewijzigd door wowi op 01-09-2011 23:16 ]

[Guillome]

F.West98 schreef op woensdag 31 augustus 2011 @ 21:16:
maak van je menu dit:

PHP:

<?php
echo 'hier je menu, voor elk enkel aanhalingsteken een \ zetten';
?>

Sla op als php, en op elke pagina t volgende ipv menu:
<?php include('bestand'); ?>

als je host php ondersteund
daarna enkel html in eerste php veranderen voor alles

Leg het dan goed uit als je iets uitlegt
menu.html.php

HTML:

<div>Hier gewoon je kale HTML zoals je die gepost hebt</div>

En dan in je pagina`s:

PHP:

<?php
  include "menu.html.php";
?>

[OkkE]

Gebruik één van de server-side mogelijkheden voor zulke dingen. Javascript kan je gebruiken voor Progressive Enhancement maar moet je nooit verplicht maken voor zulke essentiële zaken als navigatie.

[ Voor 3% gewijzigd door OkkE op 02-09-2011 13:31 ]