mootools slide
De html van mijn Divje wat moet verdwijnen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="submenu">
<div id="submenu-middle">
<ul>
<li><a href="">Bel mij terug</a></li>
<li><a href="">Offerte aanvragen</a></li>
<li></li>
</ul>
<ul>
<li><a href="">Nieuws archief</a></li>
<li><a href="">Sitemap</a></li>
<li></li>
</ul>
</div>
<div id="submenu-bottom">
<div>
<a href="#" id="submenu-toggle" onclick="">^</a>
</div>
</div>
</div>
<div id="submenu-middle">
<ul>
<li><a href="">Bel mij terug</a></li>
<li><a href="">Offerte aanvragen</a></li>
<li></li>
</ul>
<ul>
<li><a href="">Nieuws archief</a></li>
<li><a href="">Sitemap</a></li>
<li></li>
</ul>
</div>
<div id="submenu-bottom">
<div>
<a href="#" id="submenu-toggle" onclick="">^</a>
</div>
</div>
</div>
Mootools >> http://www.mediaflux.nl/new/mootools.js
Javascript:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script src="mootools.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var Slider = new Fx.Slide('submenu-middle');
$('submenu-toggle').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
</script>
<script language="javascript" type="text/javascript">
var Slider = new Fx.Slide('submenu-middle');
$('submenu-toggle').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
</script>
Kan iemand mij een beetje op weg helpen? mvg.
Gesponsorde koppelingen:
Quote:
Ik zie in je html code nergens een element met dat id terug? Dat levert het probleem op...$('submenu-toggle')
Tip: werk in firefox met de firebug addon, dan krijg je nette foutmeldingen in dit soort situaties.
In de documentatie stonden ook A elementen die met een id werken.
Anyway, foutmelding:
this.element has no properties
http://www.mediaflux.nl/new/mootools.js
Zo als ik het nu zie lijkt het erop dat je die method aanroept zodra Javascript voor de eerste keer wordt uitgevoerd. Dat is voordat het hele document is geladen. Je moet wachten tot onload, of oncontentloaded, alvorens je de DOM hiërarchie kan doorlopen. Volgens mij heet het event in MooTools domready.
Jelmer schreef op 15.12.2008 23:34:
Komt het niet doordat je $('submenu-toggle') probeert op te zoeken in het document nog voor het klaar is met opbouwen (of zelfs ontvangen) van de HTML code?
Zo als ik het nu zie lijkt het erop dat je die method aanroept zodra Javascript voor de eerste keer wordt uitgevoerd. Dat is voordat het hele document is geladen. Je moet wachten tot onload, of oncontentloaded, alvorens je de DOM hiërarchie kan doorlopen. Volgens mij heet het event in MooTools domready.
Zo als ik het nu zie lijkt het erop dat je die method aanroept zodra Javascript voor de eerste keer wordt uitgevoerd. Dat is voordat het hele document is geladen. Je moet wachten tot onload, of oncontentloaded, alvorens je de DOM hiërarchie kan doorlopen. Volgens mij heet het event in MooTools domready.
Hier heb je inderdaad gelijk in.
Ik heb het kunnen fixen doormiddel van de volgende code
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script language="javascript" type="text/javascript">
window.addEvent('domready', function() {
var Slider = new Fx.Slide('submenu-middle');
$('submenu-bottom').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
});
</script>
window.addEvent('domready', function() {
var Slider = new Fx.Slide('submenu-middle');
$('submenu-bottom').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
});
</script>
