Hi,
i made a very simple test/mootools joomla template with (at the moment) only a menu in it.
I wanted to use the Fx.Slide Vertical effect on the menu but it does not work.
I only use the "toggle link".
What am I doing wrong? It must be something very simple but I can't get it to work. Thanks in advance,
Bart
Here's the code:
<?php
/**
* @Template Name:
* @Version: 1.8
* @Package: A Joomla 1.0.X template
* @Copyright: (C) 2006 by Brian Diaz Media 65
* @License:
http://www.m65.net/**/
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" />
<!-- This so you can see the css styles in DW you can delete file once editing Template is complete-->
<link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<script src="mootools.v1.11.js" type="text/javascript" </script>
</head>
<body>
<script type="text/javascript">
var mySlide = new Fx.Slide('test');
$('slidein').addEvent('click', function(e){
e = new Event(e);
mySlide.slideIn();
e.stop();
});
$('slideout').addEvent('click', function(e){
e = new Event(e);
mySlide.slideOut();
e.stop();
});
$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});
$('hide').addEvent('click', function(e){
e = new Event(e);
mySlide.hide();
e.stop();
});
</script>
<table width="900" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200" rowspan="2" align="left" valign="top"><a id="toggle" href="#" name="toggle">toggle</a><div id="test"><?php if (mosCountModules('left')>0) mosLoadModules('left',0); ?></div></td>
<td width="700" height="150" align="left" valign="top"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
