mootools
De tabs werken, echter de slider werkt niet. Geen idee waarom, iemand een idee wat ik fout doen? Chrome javascript debugger reageerd niet eens als ik op de link klik dus waarschijnlijk heb ik het niet goed gekoppeld?
Javascript
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
window.addEvent('domready',function(){
var tabs = new MGFX.Tabs('.tabs','.feature',{
autoplay: true,
transitionDuration:0,
slideInterval:6000,
hover:true
});
var Slider = new Fx.Slide('search-nodisplay');
$('advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
});
</script>
window.addEvent('domready',function(){
var tabs = new MGFX.Tabs('.tabs','.feature',{
autoplay: true,
transitionDuration:0,
slideInterval:6000,
hover:true
});
var Slider = new Fx.Slide('search-nodisplay');
$('advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
});
</script>
De HTML
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="searchengine">
<h3>Zoeken</h3>
<div class="search">
<input type="text">
</div>
<div class="searchoptions">
<div>
<input type="radio" name="searchoption" value="trefwoord" checked> Trefwoord
</div>
<div>
<input type="radio" name="searchoption" value="all"> Alle woorden<br>
</div>
</div>
<div class="search-moreoptions">
<div id="search-nodisplay">
<div class="search-category">
<form class="search-cat">
<select>
<option value="#">Selecteer</option>
<option value="#">Pagina's</option>
<option value="#">Portfolio</option>
<option value="#">Nieuws</option>
<option value="#">Media</option>
<option value="#">Belstatus</option>
<option value="#">Klanten</option>
<option value="#">Modules</option>
</select>
</form>
</div>
<div class="search-catselect">
<div>van <input type="text" value="12/01/2009"></div>
<div><a href=""><img src="images/date.png"></a></div>
<div>tot <input type="text" value="01/02/2009"></div>
<div><a href=""><img src="images/date.png"></a></div>
</div>
</div>
</div>
<div id="advanced-search">
<a id="advanced-search" href="#">Uitgebreid zoeken</a>
</div>
<div class="search-button">
<a href="#" onclick="document.NaamvanHTMLformhier.submit();"><img src="images/search.png" alt="submit" /></a>
</div>
</div>
<h3>Zoeken</h3>
<div class="search">
<input type="text">
</div>
<div class="searchoptions">
<div>
<input type="radio" name="searchoption" value="trefwoord" checked> Trefwoord
</div>
<div>
<input type="radio" name="searchoption" value="all"> Alle woorden<br>
</div>
</div>
<div class="search-moreoptions">
<div id="search-nodisplay">
<div class="search-category">
<form class="search-cat">
<select>
<option value="#">Selecteer</option>
<option value="#">Pagina's</option>
<option value="#">Portfolio</option>
<option value="#">Nieuws</option>
<option value="#">Media</option>
<option value="#">Belstatus</option>
<option value="#">Klanten</option>
<option value="#">Modules</option>
</select>
</form>
</div>
<div class="search-catselect">
<div>van <input type="text" value="12/01/2009"></div>
<div><a href=""><img src="images/date.png"></a></div>
<div>tot <input type="text" value="01/02/2009"></div>
<div><a href=""><img src="images/date.png"></a></div>
</div>
</div>
</div>
<div id="advanced-search">
<a id="advanced-search" href="#">Uitgebreid zoeken</a>
</div>
<div class="search-button">
<a href="#" onclick="document.NaamvanHTMLformhier.submit();"><img src="images/search.png" alt="submit" /></a>
</div>
</div>
Code (php)
1
2
3
4
5
2
3
4
5
var Slider = new Fx.Slide('search-nodisplay');
$('advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
$('advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
niet het volgende zijn?
Code (php)
1
2
3
4
5
2
3
4
5
var Slider = new Fx.Slide('#search-nodisplay');
$('#advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
$('#advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
Dus een hekje (van id) voor de items?