No.Conflict

No.Conflict

I have the following plugin that I downloaded from here:  http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

  1. window.onerror=function(desc,page,line,chr){
  2. /* alert('JavaScript error occurred! '
  3.   +' Error description: '+desc
  4.   +' Page address:       '+page
  5.   +' Line number:       '+line
  6.  );*/
  7. }

  9. $(function(){
  10.  $('a').focus(function(){this.blur();});
  11.  SI.Files.stylizeAll();
  12.  slider.init();

  14.  $('input.text-default').each(function(){
  15.   $(this).attr('default',$(this).val());
  16.  }).focus(function(){
  17.   if($(this).val()==$(this).attr('default'))
  18.    $(this).val('');
  19.  }).blur(function(){
  20.   if($(this).val()=='')
  21.    $(this).val($(this).attr('default'));
  22.  });

  24.  $('input.text,textarea.text').focus(function(){
  25.   $(this).addClass('textfocus');
  26.  }).blur(function(){
  27.   $(this).removeClass('textfocus');
  28.  });

  30.  var popopenobj=0,popopenaobj=null;
  31.  $('a.popup').click(function(){
  32.   var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
  33.   var pobj=$('#'+pid);
  34.   if(!pobj.length)
  35.    return false;
  36.   if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
  37.    popopenobj.hide(50);
  38.    $(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
  39.    popopenobj=null;
  40.   }
  41.   return false;
  42.  });
  43.  $('p.images img').click(function(){
  44.   var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
  45.   $(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');
  46.  
  47.   $(this).parent().find('img').removeClass('on');
  48.   $(this).addClass('on');
  49.   return false;
  50.  });
  51.  $(window).load(function(){
  52.   $.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
  53.   $.each(css_cims,function(){
  54.    var css_im=this;
  55.    $.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
  56.     (new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
  57.    });
  58.   });
  59.  }); 
  60.  $('div.sc-large div.img:has(div.tml)').each(function(){
  61.   $('div.tml',this).hide();
  62.   $(this).append('<a href="#" class="tml_open">&nbsp;</a>').find('a').css({
  63.    left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
  64.   }).click(function(){
  65.    $(this).siblings('div.tml').slideToggle();
  66.    return false;
  67.   }).focus(function(){this.blur();}); 
  68.  });
  69. });
  70. var slider={
  71.  num:-1,
  72.  cur:0,
  73.  cr:[],
  74.  al:null,
  75.  at:10*1000,
  76.  ar:true,
  77.  init:function(){
  78.   if(!slider.data || !slider.data.length)
  79.    return false;

  81.   var d=slider.data;
  82.   slider.num=d.length;
  83.   var pos=Math.floor(Math.random()*1);//slider.num);
  84.   for(var i=0;i<slider.num;i++){
  85.    $('#'+d[i].id).css({left:((i-pos)*1000)});
  86.    $('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
  87.   }

  89.   $('img,div#slide-controls',$('div#slide-holder')).fadeIn();
  90.   slider.text(d[pos]);
  91.   slider.on(pos);
  92.   slider.cur=pos;
  93.   window.setTimeout('slider.auto();',slider.at);
  94.  },
  95.  auto:function(){
  96.   if(!slider.ar)
  97.    return false;

  99.   var next=slider.cur+1;
  100.   if(next>=slider.num) next=0;
  101.   slider.slide(next);
  102.  },
  103.  slide:function(pos){
  104.   if(pos<0 || pos>=slider.num || pos==slider.cur)
  105.    return;

  107.   window.clearTimeout(slider.al);
  108.   slider.al=window.setTimeout('slider.auto();',slider.at);

  110.   var d=slider.data;
  111.   for(var i=0;i<slider.num;i++)
  112.    $('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
  113.   
  114.   slider.on(pos);
  115.   slider.text(d[pos]);
  116.   slider.cur=pos;
  117.  },
  118.  on:function(pos){
  119.   $('#slide-nav a').removeClass('on');
  120.   $('#slide-nav a#slide-link-'+pos).addClass('on');
  121.  },
  122.  text:function(di){
  123.   slider.cr['a']=di.client;
  124.   slider.cr['b']=di.desc;
  125.   slider.ticker('#slide-client span',di.client,0,'a');
  126.   slider.ticker('#slide-desc',di.desc,0,'b');
  127.  },
  128.  ticker:function(el,text,pos,unique){
  129.   if(slider.cr[unique]!=text)
  130.    return false;

  132.   ctext=text.substring(0,pos)+(pos%2?'-':'_');
  133.   $(el).html(ctext);

  135.   if(pos==text.length)
  136.    $(el).html(text);
  137.   else
  138.    window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
  139.  }
  140. };
  141. // STYLING FILE INPUTS 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
  142. if(!window.SI){var SI={};};
  143. SI.Files={
  144.  htmlClass:'SI-FILES-STYLIZED',
  145.  fileClass:'file',
  146.  wrapClass:'cabinet',
  147.  
  148.  fini:false,
  149.  able:false,
  150.  init:function(){
  151.   this.fini=true;
  152.  },
  153.  stylize:function(elem){
  154.   if(!this.fini){this.init();};
  155.   if(!this.able){return;};
  156.   
  157.   elem.parentNode.file=elem;
  158.   elem.parentNode.onmousemove=function(e){
  159.    if(typeof e=='undefined') e=window.event;
  160.    if(typeof e.pageY=='undefined' &&  typeof e.clientX=='number' && document.documentElement){
  161.     e.pageX=e.clientX+document.documentElement.scrollLeft;
  162.     e.pageY=e.clientY+document.documentElement.scrollTop;
  163.    };
  164.    var ox=oy=0;
  165.    var elem=this;
  166.    if(elem.offsetParent){
  167.     ox=elem.offsetLeft;
  168.     oy=elem.offsetTop;
  169.     while(elem=elem.offsetParent){
  170.      ox+=elem.offsetLeft;
  171.      oy+=elem.offsetTop;
  172.     };
  173.    };
  174.   };
  175.  },
  176.  stylizeAll:function(){
  177.   if(!this.fini){this.init();};
  178.   if(!this.able){return;};
  179.  }
  180. };
I am new to Jquery so I am not sure if I have done this right but the following was my attempted fix. It doesn't seem to work thou. Any idea what I did wrong?


  3. window.onerror=function(desc,page,line,chr){
  4. /* alert('JavaScript error occurred! '
  5.   +' Error description: '+desc
  6.   +' Page address:       '+page
  7.   +' Line number:       '+line
  8.  );*/
  9. }
  10. jQuery.noConflict();
  11. $(function(){
  12.  $('a').focus(function(){this.blur();});
  13.  SI.Files.stylizeAll();
  14.  slider.init();

  16.  $('input.text-default').each(function(){
  17.   $(this).attr('default',$(this).val());
  18.  }).focus(function(){
  19.   if($(this).val()==$(this).attr('default'))
  20.    $(this).val('');
  21.  }).blur(function(){
  22.   if($(this).val()=='')
  23.    $(this).val($(this).attr('default'));
  24.  });

  26.  $('input.text,textarea.text').focus(function(){
  27.   $(this).addClass('textfocus');
  28.  }).blur(function(){
  29.   $(this).removeClass('textfocus');
  30.  });

  32.  var popopenobj=0,popopenaobj=null;
  33.  $('a.popup').click(function(){
  34.   var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
  35.   var pobj=$('#'+pid);
  36.   if(!pobj.length)
  37.    return false;
  38.   if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
  39.    popopenobj.hide(50);
  40.    $(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
  41.    popopenobj=null;
  42.   }
  43.   return false;
  44.  });
  45.  $('p.images img').click(function(){
  46.   var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
  47.   $(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');
  48.  
  49.   $(this).parent().find('img').removeClass('on');
  50.   $(this).addClass('on');
  51.   return false;
  52.  });
  53.  $(window).load(function(){
  54.   $.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
  55.   $.each(css_cims,function(){
  56.    var css_im=this;
  57.    $.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
  58.     (new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
  59.    });
  60.   });
  61.  }); 
  62.  $('div.sc-large div.img:has(div.tml)').each(function(){
  63.   $('div.tml',this).hide();
  64.   $(this).append('<a href="#" class="tml_open">&nbsp;</a>').find('a').css({
  65.    left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
  66.   }).click(function(){
  67.    $(this).siblings('div.tml').slideToggle();
  68.    return false;
  69.   }).focus(function(){this.blur();}); 
  70.  });
  71. })(jQuery);
  72. var slider={
  73.  num:-1,
  74.  cur:0,
  75.  cr:[],
  76.  al:null,
  77.  at:10*1000,
  78.  ar:true,
  79.  init:function(){
  80.   if(!slider.data || !slider.data.length)
  81.    return false;

  83.   var d=slider.data;
  84.   slider.num=d.length;
  85.   var pos=Math.floor(Math.random()*1);//slider.num);
  86.   for(var i=0;i<slider.num;i++){
  87.    $('#'+d[i].id).css({left:((i-pos)*1000)});
  88.    $('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
  89.   }

  91.   $('img,div#slide-controls',$('div#slide-holder')).fadeIn();
  92.   slider.text(d[pos]);
  93.   slider.on(pos);
  94.   slider.cur=pos;
  95.   window.setTimeout('slider.auto();',slider.at);
  96.  },
  97.  auto:function(){
  98.   if(!slider.ar)
  99.    return false;

  101.   var next=slider.cur+1;
  102.   if(next>=slider.num) next=0;
  103.   slider.slide(next);
  104.  },
  105.  slide:function(pos){
  106.   if(pos<0 || pos>=slider.num || pos==slider.cur)
  107.    return;

  109.   window.clearTimeout(slider.al);
  110.   slider.al=window.setTimeout('slider.auto();',slider.at);

  112.   var d=slider.data;
  113.   for(var i=0;i<slider.num;i++)
  114.    $('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
  115.   
  116.   slider.on(pos);
  117.   slider.text(d[pos]);
  118.   slider.cur=pos;
  119.  },
  120.  on:function(pos){
  121.   $('#slide-nav a').removeClass('on');
  122.   $('#slide-nav a#slide-link-'+pos).addClass('on');
  123.  },
  124.  text:function(di){
  125.   slider.cr['a']=di.client;
  126.   slider.cr['b']=di.desc;
  127.   slider.ticker('#slide-client span',di.client,0,'a');
  128.   slider.ticker('#slide-desc',di.desc,0,'b');
  129.  },
  130.  ticker:function(el,text,pos,unique){
  131.   if(slider.cr[unique]!=text)
  132.    return false;

  134.   ctext=text.substring(0,pos)+(pos%2?'-':'_');
  135.   $(el).html(ctext);

  137.   if(pos==text.length)
  138.    $(el).html(text);
  139.   else
  140.    window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
  141.  }
  142. };
  143. // STYLING FILE INPUTS 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
  144. if(!window.SI){var SI={};};
  145. SI.Files={
  146.  htmlClass:'SI-FILES-STYLIZED',
  147.  fileClass:'file',
  148.  wrapClass:'cabinet',
  149.  
  150.  fini:false,
  151.  able:false,
  152.  init:function(){
  153.   this.fini=true;
  154.  },
  155.  stylize:function(elem){
  156.   if(!this.fini){this.init();};
  157.   if(!this.able){return;};
  158.   
  159.   elem.parentNode.file=elem;
  160.   elem.parentNode.onmousemove=function(e){
  161.    if(typeof e=='undefined') e=window.event;
  162.    if(typeof e.pageY=='undefined' &&  typeof e.clientX=='number' && document.documentElement){
  163.     e.pageX=e.clientX+document.documentElement.scrollLeft;
  164.     e.pageY=e.clientY+document.documentElement.scrollTop;
  165.    };
  166.    var ox=oy=0;
  167.    var elem=this;
  168.    if(elem.offsetParent){
  169.     ox=elem.offsetLeft;
  170.     oy=elem.offsetTop;
  171.     while(elem=elem.offsetParent){
  172.      ox+=elem.offsetLeft;
  173.      oy+=elem.offsetTop;
  174.     };
  175.    };
  176.   };
  177.  },
  178.  stylizeAll:function(){
  179.   if(!this.fini){this.init();};
  180.   if(!this.able){return;};
  181.  }
  182. };