Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum. Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden. Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!

We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.

Team Webprofis

Menubalk plaatsen in bv. javascript

bewerkt vr 6 mrt 2015 in Algemeen Posts: 8
hallo allemaal,
Weet niet goed waar dit onder valt, maar ik heb een vraag over mijn menu.
Mijn menu zit in een css bestand en op de pagina.
Ik vind het hinderlijk wanneer ik iets aan het menu verandert, ik dat op iedere pagina moet doen. Is daar misschien een oplossing voor zodat ik het maar 1 keer hoef aan te passen. Onderstaand is mijn menu.
alvast bedankt
Ellen


<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="overons.html"><span>Over ons</span></a></li>

<li class="has-sub"><a href=""><span>Diverse Tips</span></a>
<ul>
<li class="has-sub"><a href="opvoeding.html"><span>Opvoeding</span></a></li>
<li class="has-sub"><a href="verzorging.html"><span>Verzorging</span></a></li>
<li class="has-sub"><a href="bench.html"><span>Benchtraining</span></a></li>
<li class="has-sub"><a href="ouder.html"><span>Oudere hond</span></a></li>
<li class="has-sub"><a href="afscheid.html"><span>Afscheid</span></a></li>
</ul>
Getagd:

Reacties

  • ik zie dat het niet de bron weergeeft
    txt
    txt
    menu tekt.txt
    792B
  • PMPosts: 732
    Ik heb je eerste post even aangepast.
    Volgende keer als je een stukje code wilt plaatsen dan even op de HTML (groen) button klikken.
    Je kunt de code dan tussen de pre tag zetten, dit geld ook voor CSS JS PHP of SQL

    Omtrent je vraag, kun je php gebruiken?
    Maak een soort van header.php zet hier het menu in, en dan op iedere pagina doe je de header.php include.
    Pagina's worden dan wel .php en niet .html
    If it's not fun, you're not doing it right!
  • bewerkt vr 6 mrt 2015
    PMPosts: 879
    Voor het geval je geen php kunt gebruiken op je server heb je nog 2 alternatieven:
    1. Javascript
    2. Iframe

    1.Javascript: (jQuery)
    Zet je menu in een bestand genaamd bijvoorbeeld menu.html
    Op alle pagina's zet je nu in de div waarin het menu moet komen:


    <script>
    $('#naam-van-div-waarin-menu-staat').load('menu.html');
    </script>

    Dus stel het menu moet komen in de div menu:


    <div id="menu">
    <script>
    $('#menu').load('menu.html');
    </script>
    </div>

    Vergeet niet in je head de jquery api te laden!:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>;

    2.iframe:
    hetzelfde als hierboven alleen met iframe:


    <div id="menu">

    <iframe src="menu.html"></iframe>

    </div>
    Ellen
  • Allereerst bedankt voor het goed krijgen van mijn bericht.
    dank je wel voor de informatie, ik ga het een en ander uitproberen.
    Ik meld me weer als ik zover ben.

    groetjes Ellen
  • met php lukte me het niet, maar met java wel.
    Mijn dank is enorm, super dat ik zo geholpen ben
    Ellen
  • bewerkt za 7 mrt 2015
    PMPosts: 879
    Mag ik vragen, jouw website heb je neem ik gaan gewoon gehost? Want meeste hosts hebben gewoon php ter beschikking.
    Even de methode van Rene wat meer uitgewerkt:

    Weer uitgaande van de div menu waarin je menu komt:

    <div id="menu">

    <?php
    include ('header.php');
    ?>

    </div>

    Dit doe je wederom op alle pagina's.
    Omdat er nu op alle pagina's stukje php code staat moeten alle pagina's .php op het laatst krijgen ipv .html
    En als slot maak je een bestand aan met de naam header.php waarin je het kale menu zet
    Nu wordt op elke pagina waar dit staat:


    <?php
    include ('header.php');
    ?>
    het kale menu ingeladen


    Enfin, was ook nog een mogelijkheid dus



    EllenReneV
  • ja hoor mijn website is gehost
    het web adres is www.bloemhofje.nl
    maar ik werk even op een kopie ervan
    witteherderpups.bloemhofje.nl/

    ik ga het eens uitwerken verder. was al blij dat het gelukt was met java
    Ellen
  • oh dank je voor je uitleg inderdaad dit werkt ook.
    wat is nu verstandiger om php te doen of javascript.
    Ellen
  • PMPosts: 732
    Ik zelf zou kiezen voor php, omdat je straks veel meer functies er in kunt zetten.

    Tevens even naar je website gekeken "verdomd mooie honden", maar ik denk dat je met het menu straks tegen een groot probleem gaat lopen, vooral met de dropdown (submenu's) gedeeltes.
    Ellen
    If it's not fun, you're not doing it right!
  • PMPosts: 879
    Inderdaad wat Rene zegt; hover eens over "Diverse Tips" in het meu, de uitrol komt eronder en wanneer je met de muis richting uitrol gaat via "Onze Honden" dan ben je je submenu al kwijt of je moet het heel snel doen. Het menu van "Onze Honden" is dan al uitgerold
Login of Registreer om te reageren.