After reading several posts (and especially:
http://www.joomlaprodigy.com/component/option,com_fireboard/Itemid,127/func,showcat/catid,8/), I tried to add the dropdown login module in an attempt to save space on my site.
I added the "Tips and Tricks" code to my Rocket Theme Simplix template index page as follows:
| Code: |
<div id="top">
<a class="login_link" href="javascript:void(0)">Login</a>
<div class="menu">
<?php mosLoadModules ( 'top' ); ?>
</div>
</div>
<div id="top">
<?php mosLoadModules('top', 1); ?>
</div>
|
I added the latest Jquery.js code to the template JS directory, and this to the head:
| Code: |
<script type="text/javascript" src="/templates/<?php echo $mainframe->getTemplate(); ?>/js/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready( function() {
jQuery(".login_link").toggle(function(){
jQuery("#top").slideDown("slow");
},function(){
jQuery("#top").slideUp("slow");
});
});
});
</script>
|
I then published the 1.1 module to the "top" position, and the result is, well, surprising:
www.apodo.com.mx
However, if I unpublish the module, the "Login" link does nothing. is there a mooTools (or other) conflict? Is there something I did incorrectly??
I suppose so - but don't know what! Thanks in advance for your help in getting this to toggle and display correctly.
John
PS: I'll leave this module and code incorrectly published for a day or so, as well as any other [login] module, in order to demonstrate the error, but obviously I am interested in removing this ASAP.
