Thanks for the reply. I tried it and it still didn't work. The problem
is that it is working in all browsers other than internet explorer. I
don't understand why this would be. I am not getting any errors.
On Nov 13, 1:19 pm, Akbar Ehsan <akbareh...@gmail.com> wrote:
> Try this:
>
> 1. Remove
> <script>jQuery.noConflict();</script>
> from where you have placed it.
>
> 2. And recode your JavaScript like this:
>
> <script>
>
> var $j = jQuery.noConflict();/*First line of JavaScript that processes. Put
> No Conflict stuff in a variable*/
>
> function refreshContent(section) {
> $j("#section").fadeOut("
>
>
>
> > slow", function(){
> > $j("#section").load("ajaxcontent.php?section="+section,false,
> > function() {
> > $j("#section").fadeIn("slow");
> > });
> > })
> > return false;
> > }
> > </script>
>
> It worked for me. All other options had failed.
>
> Akbar
>
> On Thu, Nov 12, 2009 at 7:03 AM, Ryan Levin <ryanle...@gmail.com> wrote:
> > Hi,
>
> > I am unable to get jquery and the barackslideshow working on the same
> > page. I have been struggling for hours and it is an urgent thing. I
> > researched and found the noConflict and after a while realized the
> > correct order to put it in for it to work. And it works great - in
> > Chrome and Firefox. In I.E. the barackslideshow I have doesn't fade
> > out it just jumps to the next image with no transition. Here is my
> > code:
>
> > <CODE>
> > <script type="text/javascript" charset="utf-8" src="js/mootools-1.2.1-
> > core-yc.js"></script>
> > <script type="text/javascript" charset="utf-8" src="js/
> > mootools-1.2.2.2-more.js"></script>
> > <script type="text/javascript" charset="utf-8" src="js/jquery.js"></
> > script>
> > <script>jQuery.noConflict();</script>
> > <script type="text/javascript" charset="utf-8" src="js/
> > Fx.MorphList.js"></script>
> > <script type="text/javascript" charset="utf-8" src="js/
> > BarackSlideshow.js"></script>
> > <script>
> > window.addEvent('domready', function(){
> > var slideshow = new BarackSlideshow('menu', 'pictures', 'loading',
> > {transition: 'fade', autostart: true, auto: true, tween: { duration:
> > 2500 }, autointerval: 4000 });
> > });
> > </script>
> > <script>
> > function refreshContent(section) {
> > jQuery("#section").fadeOut("slow", function(){
> > jQuery("#section").load("ajaxcontent.php?section="+section,false,
> > function() {
> > jQuery("#section").fadeIn("slow");
> > });
> > })
> > return false;
> > }
> > </script>
>
> > <script language="JavaScript" type="text/javascript">
> > /*<![CDATA[*/
> > var Lst;
>
> > function CngClass(obj){
> > if (Lst) Lst.className='';
> > obj.className='active';
> > Lst=obj;
> > }
> > /*]]>*/
> > </script>
> > </CODE>
>
> > I would appreciate any help!!!
>
> > Thanks,
>
> > Ryan
