I have read every post that I can find re: changing the URL prior to
loading UI Tabs, all to no avail. Here is my problem...
1. Create a URL from text value of the tab and several dropdown
values. For instance, if the text within a tabs /<span//> tag says
"para1", then I use that as one of my parameters in my URL. According
to my alert boxes, I have this part working....
2. Alter the href of the currently selected tab to the URL created in
Step 1 <u>prior</u> to loading the panel via AJAX.. This is NOT
working...
Here is the HTML:
<code>
<div id="si" class="flora">
<ul>
<li><a href="para1" title="CurrentContent"><span>para1</span></
a></li>
<li><a href="para2" title="CurrentContent"><span>para2</span></
a></li>
<li><a href="para3" title="CurrentContent"><span>para3</span></
a></li>
<li><a href="para4" title="CurrentContent"><span>para4</span></
a></li>
</ul>
</div>
<div id="CurrentContent"> ... </div>
</code>
And the JS:
<code>
// global for retrieving the "current" panel id
var CurrentPanel = "";
// current path via jquery.url
var CurrentURL= jQuery.url.attr("source");
var $tabsPara = $("#si > ul").tabs({
selected: null,
select: function(e, ui) {
// update global for editor synch AND AJAX call
CurrentPanel = ui.tab.firstChild.textContent;
alert('select');
},
load: function(ui) {
// ajaxify
var ajxURL=""+CurrentURL
+'/ajx_get_content/'
+CurrentPanel+'/'+$('#selectTemplates').val()
+'/'+$('#selectPages').val();
alert('url--'+ajxURL);
$(ui.panel).load(ajxURL);
return false;
}
});
</code>
I know that there are innumerable examples of similar attempts to
this--and I have read perhaps 70 of them and tried different
versions--
but I cannot get this working. I apologize in advance for cluttering
this forum with yet another request of this type.
BTW, I have tested the "static" version of the AJAX URL and that is
working.
I am using:
jquery-1.2.6.min.js
and the same UI Tabs that is used on the docs page
tia
Russ
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
