Thanks Toni121
I'v looking around this days and try to realize how to use jQuery library.
Now i know, that this is not so hard.
You have to go through next steps:
1. Download jquery library and include it in your template index.php
2. Put these lines in HEAD section (you can change values for css)
| Code: |
<script>
$(document).ready(function(){
$("dd:not(:first)"«»).hide();
$("dt a"«»).click(function(){
$("dd:visible"«»).slideUp("slow"«»);
$(this).parent().next().slideDown("fast"«»);
return false;
});
});
</script>
<style>
dl { width: 200px; }
dl,dd { margin: 0; }
dt { background: #FF3; font-size: 1.2em; padding: 5px; margin: 2px; }
dt a { color: #FFF; }
dd a { color: #555; }
ul { list-style: none; padding: 5px; }
</style>
|
3. Now, lets say, that you want to show user1, user2 and user3 module in right column of your template
Try this:
| Code: |
<dl>
<dt><a href="/#/">Title 1</a></dt>
<dd>
<ul>
<?php mosLoadModules ( 'user1',-2); ?>
</ul>
</dd>
<dt><a href="/#/">Title 2</a></dt>
<dd>
<ul>
<?php mosLoadModules ( 'user2',-2); ?>
</ul>
</dd>
<dt><a href="/#/">Title 3</a></dt>
<dd>
<ul>
<?php mosLoadModules ( 'user3',-2 ); ?>
</ul>
</dd>
</dl>
|
I know, that this isn't optimized, but it works.
If i found better way, i will post it here.
Post edited by: askerc, at: 2007/05/16 12:09
Post edited by: askerc, at: 2007/05/16 12:10
Favoured: 0
