I have the following code, basically i want to load first page of
google into my "ajax tab 1". But i dont get what i'm expecting. Any
idea?

==================================================================================

<!DOCTYPE html>
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
                <title>jQuery UI Example Page</title>
                <link type="text/css" href="css/ui-lightness/jquery-
ui-1.7.2.custom.css" rel="stylesheet" />
                <script type="text/javascript" src="js/jquery-1.3.2.min.js"></
script>
                <script type="text/javascript" src="js/jquery-
ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript">
        $(function() {
                $("#tabs").tabs();
        });

$('#tabs').tabs({
    load: function(event, ui) {
        $('a', ui.panel).click(function() {
            $(ui.panel).load(this.href);
            return false;
        });
    }
});

        </script>

</head>
<body>
<div class="demo">

<div id="tabs">
        <ul>
                <li><a href="#tabs-1">Nunc tincidunt</a></li>
                <li><a href="http://www.google.com";>Ajax Tab 1</a></li>
                <li><a href="ajax/content2.html">Ajax Tab 2</a></li>
        </ul>
        <div id="tabs-1">
                <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a,
risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam
elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris
dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed
magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales
tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et
mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt
interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
        </div>
</div>

</div><!-- End demo -->

<div class="demo-description">

<p>Fetch external content via Ajax for the tabs by setting an href
value in the tab links.  While the Ajax request is waiting for a
response, the tab label changes to say "Loading...", then returns to
the normal label once loaded.</p>

</div><!-- End demo-description -->
</body>
</html>

Reply via email to