{form}
<div id='JOSCMTtoggletext'>
<form name='joomlacommentform' id='joomlacommentform' method='post' action='{self}'>
<a id="JOSCMTstretchertoggleFORM" href="javascript:void(null)"><img src="{template_live_site}/images/new.png" alt="+/-" /></a>
<a name='CommentForm'></a>
the code before the form to be displayed or hide (index.html code)
var JOSCmySlide = new Fx.Slide("JOSCMTtoggletext");
$('JOSCMTstretchertoggleFORM').addEvent('click', function(e){
e = new Event(e);
JOSCmySlide.toggle();
e.stop();
});
function JOSC_afterAjaxResponse(action) {
switch(action) {
case 'show':
case 'response_reply':
case 'response_edit':
case 'response_quote':
JOSCmySlide.show();
return 0;
break;
case 'hide':
case 'response_editpost':
case 'response_posted':
case 'response_approval':
JOSCmySlide.hide();
return 0;
break;
/* because of bug with IE ...(?)
case 'response_searchform':
case 'response_getcomments':
JOSCmySlide.show();
JOSCmySlide.hide();
return 0;
break;
*/
default:
return 0;
}
}
if (window.document.URL.indexOf("#CommentForm")<0) {
if (JOSC_is_ie) window.onload = function(){JOSC_afterAjaxResponse("hide");}
else JOSC_afterAjaxResponse("hide");
}
the code into the test.js file
include rules:
<script type="text/javascript" src="components/com_comment/joscomment/jscripts/test.js"></script>
{library}
<script type="text/javascript" src="components/com_comment/joscomment/jscripts/mootools.v1.11.js"></script>
{/library}
Problem: No sliding happens at all. Should be working normally but it doesnt cant really state it
when i get webdeveloper open i get: base.element => 0
where element significates
]var JOSCmySlide = new Fx.Slide([b]"JOSCMTtoggletext"[/b]);
