test/localfile.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="html">
   3 <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5         <title>jQuery Local File Test</title>
   6         <!-- Includes -->
   7         <script src="../src/core.js"></script>
   8         <script src="../src/support.js"></script>
   9         <script src="../src/data.js"></script>
  10         <script src="../src/queue.js"></script>
  11         <script src="../src/attributes.js"></script>
  12         <script src="../src/event.js"></script>
  13         <script src="../src/sizzle/sizzle.js"></script>
  14         <script src="../src/sizzle-jquery.js"></script>
  15         <script src="../src/traversing.js"></script>
  16         <script src="../src/manipulation.js"></script>
  17         <script src="../src/css.js"></script>
  18         <script src="../src/ajax.js"></script>
  19         <script src="../src/ajax/jsonp.js"></script>
  20         <script src="../src/ajax/script.js"></script>
  21         <script src="../src/ajax/xhr.js"></script>
  22         <script src="../src/effects.js"></script>
  23         <script src="../src/offset.js"></script>
  24         <script src="../src/dimensions.js"></script>
  25         <style>
  26                 .error { color: red; }
  27                 .success { color: green; }
  28         </style>
  29 </head>
  30
  31 <body>
  32         <h1>jQuery Local File Test</h1>
  33         <ul>
  34                 <li>
  35                         Access this file using the "file:" protocol,
  36                 </li>
  37                 <li>
  38                         two "OK" strings must appear below,
  39                 </li>
  40                 <li>
  41                         Opera will fail at detecting errors, it's a known issue.
  42                 </li>
  43         </ul>
  44         <ul>
  45                 <li>
  46                         Success:
  47                         <span id="success">
  48                         </span>
  49                 </li>
  50                 <li>
  51                         Error:
  52                         <span id="error">
  53                         </span>
  54                 </li>
  55         </ul>
  56         <script>
  57                 jQuery.ajax( "./data/badjson.js" , {
  58                         context: jQuery( "#success" ),
  59                         dataType: "text"
  60                 }).success(function() {
  61                         console && console.log && console.log( "success/success" , arguments );
  62                         this.addClass("success").text( "OK" );
  63                 }).error(function() {
  64                         console && console.log && console.log( "success/error" , arguments );
  65                         this.addClass("error").text( "FAIL" );
  66                 });
  67                 jQuery.ajax( "./data/doesnotexist.ext" , {
  68                         context: jQuery( "#error" ),
  69                         dataType: "text"
  70                 }).error(function() {
  71                         console && console.log && console.log( "error/error" , arguments );
  72                         this.addClass("success").text( "OK" );
  73                 }).success(function() {
  74                         console && console.log && console.log( "error/success" , arguments );
  75                         this.addClass( $.browser.opera ? "success" : "error" ).text( "FAIL" );
  76                 });
  77         </script>
  78 </body>