Geek asks and answers

How to open link from jQuery INSIDE user interface tab in specified tab

To get started, I looked at this question and this is not the same problem.

Ultimately, I am trying to resolve a link with an open tab, which after clicking selects the appropriate URL and displays that URL in the contents of the original tab space (but leaving the original tabs in the background).

For instance:

I have 3 tabs:

  • Admin (admin.php)
  • Members (.php members)
  • Statistics (stats.php)

When I open the Members tab, there are two more links:

  • Add Member (add.php)
  • Delete member (delete.php)

I want to select one or the other, the content will add.phpeither delete.phpappear in the same tabbed space as its parent (members.php)

jquery, , , .

jquery:

<script type="text/javascript">
$(function() {  
    $( "#tabs" ).tabs({
        spinner: '<img src="../images/loader.gif" />',
        select: function(event, ui) {
            var tabID = "#ui-tabs-" + (ui.index + 1);
            $(tabID).html("<b>Fetching Data.... Please wait....</b>");
        },
        cache:false,
        load: function(event, ui) {
                $('a', ui.panel).click(function() {
                    $(ui.panel).load(this.href);
                    return false;
                });
        },
        ajaxOptions: {
            error: function( xhr, status, index, anchor ) {
                $( anchor.hash ).html(
                    "Error: Could not retrieve information." );
            }
        }
    });
</script>

jsbin, .

http://jsbin.com/apidi6/edit

ebay.com HTML INSIDE " " ( ).

+3
1

, , , :

$('a.tabLink').click(function(e) {
    e.preventDefault();
    var href = $(this).attr('href');
    var page = '<iframe src="'+href+'" width="100%" height="100%"></iframe>';
    var id = $(this).closest("div").attr("id");
    $('#'+id).html(page);
});

, :

<a href="http://www.ebay.com" class="tabLink">

, tabLink, jQuery . . iframe . ID div, , div iframe.

,

iframe javascript, , , , , , , ajax , , , .

?

+2

More articles:


All Articles