index.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <html>
  2. <head>
  3. <title>Ext 2.0 Samples</title>
  4. <link rel="shortcut icon" href="http://extjs.com/favicon.ico" type="image/x-icon" />
  5. <link rel="stylesheet" type="text/css" href="http://extjs.com/themes/ext/resources/css/extjs.css" />
  6. <link rel="stylesheet" type="text/css" href="http://extjs.com/themes/ext/resources/css/extjs2.css" />
  7. <!-- GC -->
  8. <style type="text/css">
  9. #all-demos {
  10. width:660px;
  11. margin-left:10px;
  12. float:left;
  13. }
  14. .demos {
  15. clear:both;
  16. margin:10px 0 25px;
  17. font:normal 12px tahoma,arial,verdana,sans-serif;
  18. }
  19. .demos dt {
  20. float:left;
  21. width:150px;
  22. margin:5px 5px 15px;
  23. text-align:center;
  24. }
  25. .demos dt img {
  26. width:120px;
  27. height:90px;
  28. margin-bottom:5px;
  29. }
  30. #loading{
  31. position:absolute;
  32. left:45%;
  33. top:40%;
  34. padding:2px;
  35. z-index:20001;
  36. height:auto;
  37. border:1px solid #ccc;
  38. }
  39. #loading a {
  40. color:#225588;
  41. }
  42. #loading .loading-indicator{
  43. background:white;
  44. color:#444;
  45. font:bold 13px tahoma,arial,helvetica;
  46. padding:10px;
  47. margin:0;
  48. height:auto;
  49. }
  50. #loading-msg {
  51. font: normal 10px arial,tahoma,sans-serif;
  52. }
  53. #demo-menu {
  54. width:150px;
  55. float:left;
  56. margin:10px 10px 10px 0;
  57. font:normal 12px/22px tahoma,arial,helvetica;
  58. border-top:1px solid #eee;
  59. }
  60. #demo-menu a {
  61. text-decoration:none;
  62. display:block;
  63. border-bottom:1px solid #eee;
  64. color:#777;
  65. padding: 0 7px;
  66. zoom:1;
  67. }
  68. #demo-menu a:hover {
  69. color:#225588;
  70. background:#f0f5fa;
  71. border-left:3px solid #a3bae9;
  72. padding-left:4px;
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <div id="loading">
  78. <div class="loading-indicator"><img src="../resources/images/default/shared/large-loading.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>Ext 2.0 - <a href="http://extjs.com">extjs.com</a><br /><span id="loading-msg">Loading styles and images...</span></div>
  79. </div>
  80. <div id="extdoc" class="yui-t4">
  81. <div id="extdoc-inner">
  82. <div id="hd" class="content">
  83. <h1 class="content"><a href="http://extjs.com/" title="Home"><span>Ext</span></a></h1>
  84. <a href="#yui-main" class="skip" title="Skip directly to the main page contents">Skip site navigation</a>
  85. <ul class="navlinks"><li><a href="http://extjs.com/" title="extjs.com Home"><span>Home</span></a></li>
  86. <li><a href="http://extjs.com/download" title="Download the current version"><span>Download</span></a></li>
  87. <li><a href="http://extjs.com/license" title="Ext JS License" class="active"><span>License</span></a></li>
  88. <li><a href="http://extjs.com/learn" title="Learn about Ext JS"><span>Learn</span></a></li>
  89. <li><a href="http://extjs.com/forum"><span>Forum</span></a></li>
  90. <li><a href="http://extjs.com/blog"><span>Blog</span></a></li>
  91. <li><a href="http://extjs.com/ext-store/commercial"><span>Store</span></a></li>
  92. <li><a href="http://extjs.com/ext-store"><span><img src="http://extjs.com/themes/ext/resources/images/get-premium-support.gif" align="top" alt="Get Premium Support" /></span></a></li>
  93. </ul>
  94. </div>
  95. <div id="bd">
  96. <div id="yui-main">
  97. <div id="body" class="yui-b">
  98. <h2 class="page-title">Ext 2.0 Samples</h2>
  99. <div id="sample-spacer" style="height:800px;"></div>
  100. <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
  101. <link rel="stylesheet" type="text/css" href="../resources/css/xtheme-gray.css" />
  102. <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
  103. <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
  104. <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
  105. <script type="text/javascript" src="../ext-all.js"></script>
  106. <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
  107. <script type="text/javascript" src="samples.js"></script>
  108. <div id="demo-menu"></div>
  109. <div id="all-demos"></div>
  110. <div style="clear:left;"></div>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="ft">
  115. <br />
  116. <ul class="navlinks"><li><a href="http://extjs.com/">Home</a> | </li>
  117. <li><a href="http://extjs.com/download">Download</a> | </li>
  118. <li><a href="http://extjs.com/license" class="active">License</a> | </li>
  119. <li><a href="http://extjs.com/learn">Learn</a> | </li>
  120. <li><a href="http://extjs.com/forum/" title="Ext Forums">Forum</a> | </li>
  121. <li><a href="http://extjs.com/blog/" title="Ext Blog">Blog</a> | </li>
  122. <li><a href="http://extjs.com/ext-store/commercial">Store</a></li>
  123. </ul>
  124. <p>&copy; 2006-2007 Ext JS, LLC</p>
  125. </div>
  126. </div>
  127. </div>
  128. </body>
  129. </html>