Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 307
  • Last Modified:

jquery working in FF but not IE...

Hello, I wrote this little piece of script.. but for the life of me I can't seem to figure out why and how it's now failing in IE but not FF.... this is the bit I think is the issue..


loadPastSearch();
$("select[name='Species'],input[name='breed'],select[name='Gender'],select[name='Pet_Friendly'],select[name='Child_Friendly'],input[name='Good_with_Children'],input[name='Good_with_Cats'],input[name='Good_with_Dogs'],input[name='Housetrained']").live('change',function() {                        
  var obj=$(this);
  pushSearch(obj);
  if(refinIt){refinment(obj);}
  alert('test');
});



but I pasted the whole lot below... now.. here is the twist.... it works in IE here..
http://www.petrescueville.com/index.php?page=home

but fails here
http://www.petrescueville.com/index.php?page=search 

I'm sure it's something simple.. any ideas? Thank you for the help.. Cheers -Jeremy

var searchin='';
  var string='';
  var total='';
  var rogue='';
  var oldVal=new Array();
  var refinIt=false;
function dump(arr,level) {
  var dumped_text = "";
  if(!level) level = 0;
  
  //The padding given at the beginning of the line.
  var level_padding = "";
  for(var j=0;j<level+1;j++) level_padding += "    ";
  
  if(typeof(arr) == 'object') { //Array/Hashes/Objects 
    for(var item in arr) {
      var value = arr[item];
      
      if(typeof(value) == 'object') { //If it is an array,
        dumped_text += level_padding + "'" + item + "' ...\n";
        dumped_text += dump(value,level+1);
      } else {
        dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
      }
    }
  } else { //Stings/Chars/Numbers etc.
    dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
  }
  return dumped_text;
}

function pushSearch(obj){
  var newVal='';
  var Newsearchin='';
  var name=$(obj).attr('name').toString();
  if(!$(obj).is(':checkbox')){
    newVal=$(obj).val();
  }else{
    if ($(obj).is(':checked')){
      newVal=$(obj).val();
    }else{
      newVal='';
    }
  }
  var searchin=$("input[name$='search_text']").val();

  Newsearchin=searchin.replace(oldVal[name],'');

  oldVal[name]=newVal;
  Newsearchin=Newsearchin+' '+newVal;
  $("input[name$='search_text']").val($.trim(Newsearchin));

}
function refinment(obj){
  $('.contentMainInner').append('<img src="/uploads/siteTheme/loading.gif" class="loading"/> Loading ... ');
    $.post($(obj).closest("form").attr('action'),
      $(obj).closest("form").serialize()+"&"+$("input[name$='search_submit']").attr('name')+"="+$("input[name$='search_submit']").attr('name')+"&showtemplate=false",
      function(data){
      $('.contentMainInner').html(data);
      loadPastSearch();
    });  
}
function loadPastSearch(){
  if($('.search').length < 1){
    $("input:not('#retry input')[name$='search_text']").val('');
  }
  if($('.search').length > 0 && $('#lookingFor').length > 0 && $('#lookingFor').html()!=''){
    $("input[name$='search_text']").val($('#lookingFor').html());
    
    var pastSearch=$('#lookingFor').html();
    var lookingpostal=$('#lookingpostal').html();
    var lookingradius=$('#lookingradius').html();

    if(pastSearch.indexOf(" ") != -1){
      var str=pastSearch.split(" ");
    }else{
      var str=new Array();
      str.push(pastSearch);
    }
    //alert(dump(str));
    for (var i=0;i<str.length;i++){
      var found=false;          
      $('.search input').each(function(index, domEle) {
        if($(this).val()==str[i]){  
            var theName = str[i];
            oldVal[$(this).attr('name')]=str[i];
           // alert('.search input --'+str[i]);
            if(!$(this).is(':checkbox')){
              $(this).val(str[i]);
              found=false;
            }else if($(this).is(':checkbox')){
              $(this).attr('checked','checked');
              if( !$('.refine').is(':visible') ) { 
              $(".refine").toggle("slow");
              }
              if( !$('.refine:last').is(':visible') ) { 
              $(".refine").toggle("slow");
              }
              found=true;
            }
        }
      });  
      $('.search option').each(function(index, domEle) {
        //alert($(this).val()+' --'+str[i]);
        if($(this).val()==str[i]){  
            var theName = str[i];
            oldVal[$(this).closest('.search select').attr('name')]=str[i];
            //alert('.search select --'+str[i]);
            $(this).attr('selected','selected');
            found=true;
        }
      });
      //alert(dump(oldVal));
      if(found==false){
        rogue=rogue+' '+str[i];
      }  
    }
    //alert('final: '+dump(oldVal));
    $("input[name='breed']").val($.trim(rogue));
    $("input[name$='ccev_postal']").val(lookingpostal);
    $("input[name$='ccev_radius']").val(lookingradius);
    
    refinIt=true;
  } 
}


$(document).ready(function(){
loadPastSearch();
$("select[name='Species'],input[name='breed'],select[name='Gender'],select[name='Pet_Friendly'],select[name='Child_Friendly'],input[name='Good_with_Children'],input[name='Good_with_Cats'],input[name='Good_with_Dogs'],input[name='Housetrained']").live('change',function() {                        
  var obj=$(this);
  pushSearch(obj);
  if(refinIt){refinment(obj);}
  alert('test');
}); 
  
  
  
  $("input[name$='cal_search_submit']").live('click',function(event) {
    if($("select[name='Species']").val()==''){
      event.preventDefault();
      alert('Please choose a species');
    }
  });
  
  $('.Linkrefine').live('click',function (event) {
    event.preventDefault();
    $(this).next(".refine").toggle("slow");
  });  
  
});

Open in new window

0
jeremyBass26
Asked:
jeremyBass26
  • 2
  • 2
1 Solution
 
dsmileCommented:
I think you call the same script twice and it causes the problem

<script src="scripts/SpryMenuBar.js" type="text/javascript"></script>

<script type="text/javascript" src="http://www.petrescueville.com/uploads/lib/SD-temp/groupID/1.js?1289264665"></script> // <--- this line should be removed since it's called at the end of the page


0
 
jeremyBass26Author Commented:
nope.. nothing to do with it.. sorry... one is a menu script.. the other.. is the script above.. tk
0
 
dsmileCommented:
Try to move <script type="text/javascript" src="http://www.petrescueville.com/uploads/lib/SD-temp/groupID/1.js?xyz"></script>
to below <script type="text/javascript" src="http://www.petrescueville.com/uploads/lib/SD-temp/scriptID/1.js?xyz"></script>

I saved your search page to local and your script works again either when I remove that /groupID/1.js or move it to below /scriptID/1.js
0
 
jeremyBass26Author Commented:
What you were asking to do doesn't work.. but.. there is something with colorbox that was getting in the way.. but I have a path to beat down.. thanks..
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now