Question

I have a simple jQuery function below.. I’m interested in dynamically changing the ‘query:FOOTBALL’ attribute with a dynamic page variable. So something like ‘query:PAGE_TITLE’ or PAGE_VAR

I haven’t had any luck get .replace() to work.. I must be overlooking something very simple; What approach do you all take here?

  jQuery(function($){
      $("#query").tweet({
        avatar_size: 32,
        count: 4,
        query: "FOOTBALL",
        loading_text: "searching twitter..."
      });
  });

Answer 1

I’m not exactly clear on what you’re asking, but I think you want to use a variable instead of a string literal… As query is expecting a String, you can use any String value there. So if you have a variable called myVar containing a string, you can use myVar in place of the string literal:

var myVar = "Some String";
jQuery(function($){
  $("#query").tweet({
    avatar_size: 32,
    count: 4,
    query: myVar,
    loading_text: "searching twitter..."
  });
});

Or, you could do something like this to use the value entered into an input by the user:

jQuery(function($){
  $("#query").tweet({
    avatar_size: 32,
    count: 4,
    query: $("#someInput").val(), //val() returns a string so it will work here
    loading_text: "searching twitter..."
  });
});