jQuery Forum

Hi all,

I have had some success with this function but I'm doing something wrong which I can't get a handle on. Any help or pointers appreciated. I have a set of jQuery tabs which I am using to divide a long form up into sections. For the first 'background' section I want each single field to be updated once their value has been changed by the user. This is done using a jquery.post() function which is working perfectly. But when the user is changing fields in the 'history' or other tabs, I don't want the same function to run (it's going to be data which won't suit the onchange updating). So, I want the function to run ONLY if the user is filling out fields in the 'background' div/tab.

Here's a rough idea of one of the many ways I've tried to approach this:

1. <script type="text/javascript">
   $(document).ready(function(){
       $('#background > input, textarea').change(function(){
           my autoUpdate function  which works perfectly sits here;
          } );
       });
   });
   </script>
2. 
   
3. 
   
4. <div id="background">
5.       <input name="whatever1" /> // I want this to trigger the 'autoUpdate' function
   
6.       <textarea name="whatever2"></textarea> // I want this to trigger the 'autoUpdate' function
7. </div>
8. <div id="history">
9.       <input name="historyWhatever1" /> // I DON'T want this to trigger the 'autoUpdate' function
10.       <textarea name="historyWhatever2" /> // I DON'T want this to trigger the 'autoUpdate' function
11. </div>
    

I have tried a good few variations on trying to apply the  function only to the fields in the 'background' div, but with no success - changing the field values in 'history' or any other tab/div also fires off the function. P.S. I am aware that the above code doesn't seem to make practical sense but this is just a precis of the code - the real user case makes more sense ;-)

cheers

Mike

Hi,

The below code posts a couple of vars to a php file which sends back a json object containing (in the test case) one object called 'faves'  with 2 variables (let's say called var1 and var2). I can't seem to access the variables after the ajax call. The result is always an 'undefined' error message. I've tried:

1. console.log(data.var1) 
2. console.log(data.faves.var1)
3. console.log(var1)
   

All to no avail. Can anyone tell me what I'm doing wrong here? I have checked with FireBug that all the data returned is good and well-formed etc.

1.     $(function() {
           $.post("<? echo base_url(); ?>test.php", {
   
2.             id: "<?php echo $id; ?>",
3.             action: "check", code:  '' },
                 function(data){
                     console.log(data.var1);
                 }, "json");
       }); 
   

many thanks,

Mike

Hi,

I'm using $.getJSON() to retrieve a Json file which I then use to populate a Google map via the version 3 api. All was working really well until I decided to neaten up my code for the final production of my site. Instead of using a url such as this:

1. var url = 'http://www.blah.com/final/jsonserver/get_my_file.php?var1=13&var2=3

2. var propInfo = ''; $.getJSON(url,function(json){ $.each(json.properties,function(i,blah){ 

I now (because I'm using the CodeIgniter framework) have a prettier url like this:

1. var url = 'http://www.blah.com/final/jsonserver/properties/13/3

2. var propInfo = ''; $.getJSON(url,function(json){ $.each(json.properties,function(i,blah){ 

Whilst Firefox and other browsers don't seem to have a problem finding the file (which is on the same server by the way) and parsing it for later use, Internet Explorer  (all versions from what I can see) doesn't like the it. Does IE *need* to see the ? and variables for this to work or must I have made some other unknown error when I re-wrote my script? Any thoughts or suggestions appreciated,

cheers,

Mike