> Hi Shabith,
>
> I see a few things that might be causing a problem:
>
> 1. You add a comma after the last item in each object literal. These
> commas should be removed (FF is more forgiving of such errors):
>
>                 $('#contactform').animate({
>                                         opacity:0,
>                                         width:"0", // <-- remove comma
>                                         },'slow',null,function(){
>                 $('#results').animate({
>                                         opacity:100,
>                                         width:"205px",
>                                         background-image:"images/loading.gif", <-- remove comma
>                                         },'slow');
>
> 2. Background image isn't a property that can be animated with
> the .animate() method (at least not without the color plugin).
> Furthermore, if you are going to refer to a background image in an
> object literal, you need to either put background-image in quotes or
> use the DOM term, backgroundImage, instead. Finally, background image
> value should be written like url(path/to/file.gif)
>
> 3. I don't think the "null" argument is necessary. Not sure if it
> would cause problems, but it probably doesn't need to be there.
>
> Hope that points you in the right direction.
> --Karl
> _________________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On May 13, 2008, at 4:40 AM, Shabith Ishan wrote:
>
> > hi!
>
> > Im new to jquery and my issue is jquery animate wont work in opera 9.
> > However its working perfectly on FF and Safari.
>
> > here is the code,
>
> > function ajaxpost()
> > {
> >    var errors =
> > MM_validateForm('txtName','','R','txtEmail','','RisEmail');
> > if(errors)
> >    {
> >            //alert( 'The following error(s) occurred:<br />'+errors);
>
> >            $('#contactform').animate({
> >                                    opacity:0,
> >                                    width:"0",
> >                                    },'slow',null,function(){
> >            $('#results').animate({
> >                                    opacity:100,
> >                                    width:"205px",
> >                                    background-image:"images/loading.gif",
> >                                    },'slow');
>
> >                    });
> >    }
> > else
> >    {
> >            //alert('ss');
> >    };
>
> > function MM_validateForm() { //v4.0
> >  if (document.getElementById){
> >    var
> > i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
> >    for (i=0; i<(args.length-2); i+=3) { test=args[i+2];
> > val=document.getElementById(args[i]);
> >      if (val) { nm=val.name; if ((val=val.value)!="") {
> >        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
> >          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain
> > an e-mail address.\n';
> >        } else if (test!='R') { num = parseFloat(val);
> >          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
> >          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
> >            min=test.substring(8,p); max=test.substring(p+1);
> >            if (num<min || max<num) errors+='- '+nm+' must contain a
> > number between '+min+' and '+max+'.\n';
> >      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is
> > required.\n'; }
> >    } if (errors) document.MM_returnValue = (errors == '');
> >    return(errors);
> > } }
> > };
>
> > thanks