Noch nicht viel geschrieben
Hallo
Ich habe ein mächtiges Problem mit dem Mootool Slider
Dieses Hier :
Ich bekomme es zum verrecken nicht hin das der Slide erst geschlossen ist und erst beim Klick auf "Toggle" geöffnet wird.
Es schein daran zu liegen das ich durch den Code nicht wirklich durchblicke.
Ich würde den Slider gerne in eine Joomla Seite einbauen. Und genau da geht es scheinbar nicht.
Kann mir jemand helfen.
Hier ein Code bei dem es Klappt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="demo.css" type="text/css" />
<script type="text/javascript" src="../mootools.js"></script>
<script type="text/javascript" src="demo.js"></script>
<script type="text/javascript" type="text/javascript">
window.addEvent('domready',function() {
var myVerticalSlide = new Fx.Slide('vertical_slide');
myVerticalSlide.hide();
$('v_slidein').addEvent('click', function() {
myVerticalSlide.toggle();
});
});
</script>
<title>Fx.Slide Demo</title>
</head>
<body>
<h1>Fx.Slide</h1>
<h2>Introduction</h2>
<p>
Here goes a nice introduction
</p>
<h3 class="section">Vertical</h3>
<div class="marginbottom">
<a id="v_slideout" href="#">slide out</a>
|
<a id="v_slidein" href="#">slide in</a>
|
<a id="v_toggle" href="#">toggle</a>
|
<a id="v_hide" href="#">hide</a>
|
<a id="v_show" href="#">show</a>
| <strong>status</strong>: <span id="vertical_status">open</span>
</div>
<div id="vertical_slide">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<h3 class="section">Horizontal</h3>
<div class="marginbottom">
<a id="h_slideout" href="#">slide out</a>
|
<a id="h_slidein" href="#">slide in</a>
|
<a id="h_toggle" href="#">toggle</a>
|
<a id="h_hide" href="#">hide</a>
|
<a id="h_show" href="#">show</a>
| <strong>status</strong>: <span id="horizontal_status">open</span>
</div>
<div id="horizontal_slide">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</body>
</html>
Und bei diesem Hier geht es nicht mehr:
<link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.css" type="text/css" />
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/mootools.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.js"></script>
<script type="text/javascript">
window.addEvent('domready',function() {
var myVerticalSlide = new Fx.Slide('vertical_slide');
myVerticalSlide.hide();
$('v_slidein').addEvent('click', function() {
myVerticalSlide.toggle();
});
});
</script>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<div id="vertical_slide"><div class="wrapper">
<?php mosLoadModules ( 'user4', -1 ); ?></div>
</div>
<div class="marginbottom">
<a id="v_slideout" href="#">slide out</a>
|
<a id="v_slidein" href="#">slide in</a>
|
<a id="v_toggle" href="#">toggle</a>
|
<a id="v_hide" href="#">hide</a>
|
<a id="v_show" href="#">show</a>
| <strong>status</strong>: <span id="vertical_status">open</span>
</div>
<div id="body">
<div class="container">
..........
was mache ich Falsch. Wäre sehr Dankbar für eure Hilfe
Ich habe ein mächtiges Problem mit dem Mootool Slider
Dieses Hier :
Ich bekomme es zum verrecken nicht hin das der Slide erst geschlossen ist und erst beim Klick auf "Toggle" geöffnet wird.
Es schein daran zu liegen das ich durch den Code nicht wirklich durchblicke.
Ich würde den Slider gerne in eine Joomla Seite einbauen. Und genau da geht es scheinbar nicht.
Kann mir jemand helfen.
Hier ein Code bei dem es Klappt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="demo.css" type="text/css" />
<script type="text/javascript" src="../mootools.js"></script>
<script type="text/javascript" src="demo.js"></script>
<script type="text/javascript" type="text/javascript">
window.addEvent('domready',function() {
var myVerticalSlide = new Fx.Slide('vertical_slide');
myVerticalSlide.hide();
$('v_slidein').addEvent('click', function() {
myVerticalSlide.toggle();
});
});
</script>
<title>Fx.Slide Demo</title>
</head>
<body>
<h1>Fx.Slide</h1>
<h2>Introduction</h2>
<p>
Here goes a nice introduction
</p>
<h3 class="section">Vertical</h3>
<div class="marginbottom">
<a id="v_slideout" href="#">slide out</a>
|
<a id="v_slidein" href="#">slide in</a>
|
<a id="v_toggle" href="#">toggle</a>
|
<a id="v_hide" href="#">hide</a>
|
<a id="v_show" href="#">show</a>
| <strong>status</strong>: <span id="vertical_status">open</span>
</div>
<div id="vertical_slide">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<h3 class="section">Horizontal</h3>
<div class="marginbottom">
<a id="h_slideout" href="#">slide out</a>
|
<a id="h_slidein" href="#">slide in</a>
|
<a id="h_toggle" href="#">toggle</a>
|
<a id="h_hide" href="#">hide</a>
|
<a id="h_show" href="#">show</a>
| <strong>status</strong>: <span id="horizontal_status">open</span>
</div>
<div id="horizontal_slide">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</body>
</html>
Und bei diesem Hier geht es nicht mehr:
<link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.css" type="text/css" />
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/mootools.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.js"></script>
<script type="text/javascript">
window.addEvent('domready',function() {
var myVerticalSlide = new Fx.Slide('vertical_slide');
myVerticalSlide.hide();
$('v_slidein').addEvent('click', function() {
myVerticalSlide.toggle();
});
});
</script>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<div id="vertical_slide"><div class="wrapper">
<?php mosLoadModules ( 'user4', -1 ); ?></div>
</div>
<div class="marginbottom">
<a id="v_slideout" href="#">slide out</a>
|
<a id="v_slidein" href="#">slide in</a>
|
<a id="v_toggle" href="#">toggle</a>
|
<a id="v_hide" href="#">hide</a>
|
<a id="v_show" href="#">show</a>
| <strong>status</strong>: <span id="vertical_status">open</span>
</div>
<div id="body">
<div class="container">
..........
was mache ich Falsch. Wäre sehr Dankbar für eure Hilfe