Question

Ok here is my issue I have a box that shows a user’s FB Pic to confirm their input, but im having an issue figuring out how to get what the user types in the input box to apear in the link that’s inside of the JQuery function.

Here is the script

  $("#fb").blur(function(){
   $.fancybox(
   '<img src="http://graph.facebook.com/ *user's input here* /picture?type=large"/> <br> is that you? ',
      {
       'autoDimensions' :  true,
       'transitionIn'   : 'none',
       'transitionOut'  : 'true'
      }
    );
   });

Here is the HTML Form

<input type="text" id="fb" size="10" name="fb" value="" />

How can I get whatever is typed in that input box to apear in that link in the script when the function is called?

Answer 1

If I understand what you’re asking, you would fetch the value from the input field and then just use string addition to build the string you want like this:

 $("#fb").blur(function(){
   var text = this.value;
   $.fancybox(
   '<img src="http://graph.facebook.com/' + text + '/picture?type=large"/> <br> is that you? ',
      {
       'autoDimensions' :  true,
       'transitionIn'   : 'none',
       'transitionOut'  : 'true'
      }
    );
   });