jQuery Forum

Below is the code snippet in my jsp page which registers the tabs_div with jquery tab ,once the document is ready.
Take note of tabTemplate property i am using.The purpose of it to assign the hyperlink value to tab at run time

    $(document).ready(function()
      {
                     var $tabs = $( "#tabs_div").tabs
                     ({
                     tabTemplate: "<li><a href='{href}'>{label}</a><span class='ui-icon ui-icon-close'></span></li>",//line 2
                     add: function( event, ui ) {
                     $tabs.tabs('select',ui.panel.id);
                     $( ui.panel ).html( "Mycontent");
                                }
                     });
      }

below is the function which is being called on click of button. What happens is when i click this button, i want to add
the new tab on my jsp page
 

    function addTab(hitURL,title) {
       var tabs = $('#tabs_div').tabs();
       tabs.tabs( "add", hitURL, currentTitle);//line 1
       }


   My question is how i can get values of variables hitURL,currentTitle passing thru line 1 at line 2. I was under impression whatever we pass as second argument
   (which is hitURL in this case ) will be populated automatically at line 2 in place of href.But its not happening.

   I also tried declaring href as global variable and then modifying line 2 as below but it does not work.

       tabTemplate: "<li><a href='{"+href+"}'>{label}</a><span class='ui-icon ui-icon-close'></span></li>",    //line2

   Here is the error i see in firefox   debugger,
 

      http://localhost:8080/WebApp/CustMod/%7B%7D

 
  which means that still it is not appending the href tabTemplate. I am not sure how to get assign the values of {href} and {label} into tabTemplate?

In my legacy webapplication (using jquery,struts, java), i show the emails in grid(using datatable) where subject is one of the column under grid
and values under it is hyperlink generated on the fly at server side.Right now, when i click on any subject hyperlink , its contents is shown (as hyperlink points to struts action class which process the request for that specific email id and forward to another jsp)  on the same browser
and return button is provided on that so that user once view the content, he can again return to inbox.

But now i want to open the hyperlink content in the
new tab ,instead of showing the content on the same browser, similar to functionality on yahoo mail.Basically when i click on any email it should be opened
in new tab and if i want i can close it too.I did bit of googling but could not spot the similar example
wher hyperlink content is generated on fly under grid and it opens the content in new tab. Any pointer/Brief example would be a great help.