diff options
| author | Timo Tijhof <krinkle@fastmail.com> | 2024-01-03 00:31:36 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-03 01:31:36 +0100 |
| commit | 604aae1a5739f4b1980959ceed024e44619f6c7e (patch) | |
| tree | cd04d910c7bfbfa6b0a0eb319dac0caf4c035a5d /demos/tabs/ajax.html | |
| parent | 2de8604b67983a53fd42b24610a59e140a1425e9 (diff) | |
| download | jquery-ui-604aae1a5739f4b1980959ceed024e44619f6c7e.tar.gz jquery-ui-604aae1a5739f4b1980959ceed024e44619f6c7e.zip | |
demos: Replace search.php with $.ajaxTransport() mock
Fixes jquery/jqueryui.com#203
Closes gh-2187
Diffstat (limited to 'demos/tabs/ajax.html')
| -rw-r--r-- | demos/tabs/ajax.html | 25 |
1 files changed, 21 insertions, 4 deletions
diff --git a/demos/tabs/ajax.html b/demos/tabs/ajax.html index 876d19973..598724cd6 100644 --- a/demos/tabs/ajax.html +++ b/demos/tabs/ajax.html @@ -8,10 +8,27 @@ <link rel="stylesheet" href="../demos.css"> <script src="../../external/requirejs/require.js"></script> <script src="../bootstrap.js"> + var jqAjax = $.ajax; + $.ajax = function( options ) { + var jqXHR = jqAjax.apply( this, arguments ); + if ( !/slow.html/.test( options && options.url ) ) { + return jqXHR; + } + return jqXHR + .then(function( result ) { + return $.Deferred( function( d ) { + setTimeout( function() { + d.resolve( result ); + }, 1000 ); + }); + }) + .promise({ abort: jqXHR.abort }); + } $( "#tabs" ).tabs({ beforeLoad: function( event, ui ) { - ui.jqXHR.fail(function() { + ui.jqXHR.fail( function( e ) { ui.panel.html( + ( e && e.statusText ? "Error " + e.status + ": " + e.statusText + ". \n" : "" ) + "Couldn't load this tab. We'd try to fix this as soon as possible " + "if this weren't a demo." ); }); @@ -26,8 +43,8 @@ <li><a href="#tabs-1">Preloaded</a></li> <li><a href="ajax/content1.html">Tab 1</a></li> <li><a href="ajax/content2.html">Tab 2</a></li> - <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li> - <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li> + <li><a href="ajax/content3-slow.html">Tab 3 (slow)</a></li> + <li><a href="ajax/content4-error.html">Tab 4 (error)</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> @@ -36,7 +53,7 @@ <div class="demo-description"> <p>Fetch external content via Ajax for the tabs by setting an href value in the tab links.</p> -<p>Tabs 3 and 4 demonstrate slow-loading and broken AJAX tabs, and how to handle serverside errors in those cases. Note: These two require a webserver to interpret PHP. They won't work from the filesystem.</p> +<p>Tabs 3 and 4 demonstrate handling of pages that are slow-loading or have server-side HTTP status errors.</p> </div> </body> </html> |