Passing variables with jQuery

Question

i'm relatively new to jquery and javascript and am trying to pass a unique id (number) into a flickr search function (jquery.flickr-1.0-js) like so, (number is the variable where i'm storing the unique id)

<script type="text/javascript" src="javascripts/jquery.flickr-1.0.js"></script>

 <script type="text/javascript"> 

 jQuery(function(){   
        jQuery(".btnRefresh").click(function(){
          var number = $(this).attr("id");
          $('#gallery_flickr_'+number+'').show();
            jQuery('#gallery_flickr_'+number+'').html("").flickr({      
                api_key: "XXXXXXXXXXXXXXXXXXXXXXX",     
                per_page: 15   
            });
        }); 
    }); 

  </script>

When i try to pass it in to the flickr-1.0.js function like so (abbreviated)

(function($) {
$.fn.flickr = function(o){

var s = {
    text: $('input#flickr_search_'+number+'').val(),
   };
  };
})(jQuery);

i get a error

number is not defined [Break on this error] text: $('input#flickr_search_'+numbe...] for type=='search' free text search

please help, what do i need to do to pass the variable between the two scripts?

Thanks,

You need to show more code for the second sample. In the first sample number comes from the element that was clicked. It's not clear where or how the second sample is being used. — tvanfosson
– tvanfosson, Commented Dec 25, 2008 at 2:34

tvanfosson · Accepted Answer · 2008-12-25 03:16:18Z

Try adjusting your scripts as below:

 ...
            jQuery('#gallery_flickr_'+number+'').html("").flickr({      
                    api_key: "XXXXXXXXXXXXXXXXXXXXXXX",     
                    per_page: 15,
                    search_text: $('input#flickr_search_'+number+'').val()  
            });
...



(function($) {
$.fn.flickr = function(o){

var s = {
    text: o.search_text
   };
  };
})(jQuery);

The idea is that you need to find the search text based on the id of the clicked item. You do that in the function where the id is available, then pass the value of the input to the flickr function with the other values in the hash argument. In the flickr function you extract the named item from the hash and use the value.

LittleBobbyTables - Au Revoir · Accepted Answer · 2012-09-06 02:05:22Z

2

You can pass parameters in JQuery very easily; for example:

$.ajax({
    type: "POST",
    url: "/<%=domainMap%>/registration/recieptList.jsp",  
    data: "patientId=" + patientId+"golbalSearch="+golbalSearch,
    success: function(response){
      // we have the response
      $('#loadPatientReciept').html(response);
    },
    error: function(e){
      alert('Error: ' + e);
    }
  });
}

edited Sep 6, 2012 at 2:05

LittleBobbyTables - Au Revoir

32.9k25 gold badges113 silver badges115 bronze badges

answered Sep 6, 2012 at 1:58

Harish Chand

212 bronze badges

Comments

adam · Accepted Answer · 2011-12-30 20:59:19Z

0

I just realized 'flicker' != 'flickr'

darn you cutesy web 2.0 names!!!

Thanks!

edited Dec 30, 2011 at 20:59

user212218

answered Dec 25, 2008 at 3:07

adam

4414 gold badges6 silver badges15 bronze badges

2 Comments

tvanfosson Over a year ago

I corrected my post. BTW, the way stackoverflow works, you should upvote helpful answers and click the accept arrow on the post that best answers your question.

tvanfosson Over a year ago

Generally, you want to update/edit your question rather than providing new information in an answer. Answers are supposed to be just that: answers, not additions to the question.

Collectives™ on Stack Overflow

Passing variables with jQuery

3 Answers 3

Comments

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Related