Home

Geregistreerd: zaterdag 29 november 2008 Berichten: 1511

Ik dacht.. ik vraag het even snel hier.. er zitten hier al van designers en ontwikkelaars misschien hebben zij een kort en eenvoudig antwoord.
Ik ben voor het eerst een site aan het knutselen en werk met SSI.
Dit is de code van mijn startpagina:

Code (php):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<body id="home"> <div id="centreren"></div> <div id="achtergrond"> <div id="top">  </div> <div id="menu">  </div> <div id="contents"> <div id="content_top"></div> <div id="content_middle">Laboris nisi ut aliquip ex ea commodo consequat</div> <div id="content_footer"></div> </div>  </div> <div id="footer">  </div> </body>

Dit is de code van menu.shtml:

Code (php):

1
2
3
4
5
6
7
8
9
10
11
<ul id="sidenav"> <li class="home"><a href="index2.shtml">HOME</a></li> <li class="wiezijnwe"><a href="wiezijnwe.shtml">WIE ZIJN WIJ</a></li> <li class="projecten"><a href="projecten.shtml">PROJECTEN</a></li> <li class="contact"><a href="contact.shtml">CONTACT</a></li> <li class="activiteiten"><a href="activiteiten.shtml">ACTIVITEITEN</a></li> <li class="vacatures"><a href="vacatures.shtml">VACATURES</a></li> <li class="team"><a href="team.shtml">TEAM</a></li> <li class="links"><a href="links.shtml">LINKS</a></li> <li class="duurzaam"><a href="duurzaam.shtml">DUURZAAM WONEN</a><div id="menuimg"><img src="images/duurzaam.png"/></div></li> </ul>

Wat ik zou willen bekomen is als ze op knop projecten druk dat hij enkel de div menu een ander ssi inlaad. Maw gewoon een ander menu laat zien ipv de nu geladen menu. Dit uiteraard is ook een SSI file genaamd submenu.shtml.
Dus ipv van menu.shtml moet hij dan submenu.shtml laten zien.

Ik weet dat de vele ontwikkelaars onder jullie waarschijnlijk gaan zeggen AMATEUR.. maar ik doe mijn best om te leren...

Seba28 wijzigde dit bericht op 20-09-2011 om 13:14, totaal 1 keer bewerkt

Geregistreerd: zaterdag 19 april 2008 Berichten: 198

Je zult AJAX (JavaScript) hiervoor moeten gebruiken (ophalen van submenu.html) en die inhoud dan op de juiste plaats zetten (m.b.v. JavaScript).

Geregistreerd: dinsdag 25 november 2008 Berichten: 177

Waarschijnlijk loont het zich om eens te kijken naar de JQuery library.

Bijv middels manipulatie wijzigen: JQuery Manipulation

Roel wijzigde dit bericht op 20-09-2011 om 14:23, totaal 1 keer bewerkt

Geregistreerd: zaterdag 29 november 2008 Berichten: 1511

Ben middels begonnen met Jquery en dit lukt aardig. Ik heb echter nog een probleemke dat ik niet echt uit kom. Ik kan dus intussen al probleemloos ervoor zorgen dat als je op het ene klikt de menu uitschuift en op de andere deze dicht schuift. Hoe kan ik er echter voor zorgen gezien iedere button verwijst naar een nieuwe html pagina dat hij weet als de volgende pagina is geladen dat ik op de voorgaande button had gedrukt en dus de menu eigenlijk moet dichtschuiven of open geschoven moet blijven.. Is moeilijk te beschrijven.
De code voor het effect is simpel:

Code (php):

1
2
3
4
5
6
7
8
<script type="text/javascript"> $(function() { $("#thuis").click(function() {$("#subproj").slideUp("normal");}); $("#wie").click(function() {$("#subproj").slideUp("normal");}); $("#project").click(function() {$("#subproj").slideDown("normal");}); $("#ruw").click(function() {$("#subproj").slideDown("normal");}); }); </script>

Maar ik wil dus als ze op ruw klikken (dat een submenu is) dat hij verspringt naar de ruwbouw.html (en dus terug menu laad) weet dat ruwbouw werd aangetikt en dus het menu moet opengeschoven moet blijven..
pff.. is hier een makkelijke manier voor? Nogmaals.. ik heb net Jquery leren kennen en het is mijn eerste site..

Geregistreerd: dinsdag 25 november 2008 Berichten: 177

Als je deze wil onthouden zul je het ergens moeten wegschrijven. bijv:

Code (php):

1
2
3
4
5
6
7
<input type="hidden" value="" id="MenuSelected" /> <script type="text/javascript"> $(function() { $("#ruw").click(function() { document.getElementById("MenuSelected").value = '#subproj'; $(document.getElementById("MenuSelected").value).slideDown("normal");}); } </script>

Weet niet precies welke kant je uit wil, maar je snapt de opzet?

Roel wijzigde dit bericht op 27-09-2011 om 19:50, totaal 1 keer bewerkt

Home

BierdopjeV3 Alpha nu beschikbaar. Wil je helpen? Kijk dan hier

Kennis van html/css