index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>MovieReviews</title>
  7. <link href="s40-theme/css/s40-theme.css" rel="stylesheet" type="text/css" />
  8. <script language="javascript" type="text/javascript" src="s40-theme/js/screensize.js"></script>
  9. <script language="javascript" type="text/javascript" src="js/main.js"></script>
  10. <link href="basic.css" rel="stylesheet" type="text/css" />
  11. <script type="text/javascript">
  12. function refreshPageContent() {
  13. // Add code for refreshing the page here...
  14. }
  15. </script>
  16. </head>
  17. <body onload="init_script();">
  18. <div class="ui-page">
  19. <!-- header -->
  20. <div class="ui-header">
  21. <div class="ui-title inline"><h2>Movie Reviews</h2></div><div class="refresh-icon inline">
  22. <a onclick="refreshPageContent();"><img alt="icon" src="s40-theme/images/refresh_40x40.png"/></a></div>
  23. </div>
  24. <div class="ui-content">
  25. <!-- tab-control -->
  26. <div class="ui-tab-control inline">
  27. <div class="ui-tab ui-tab-selected inline" id="tab_1" onclick="mwl.setGroupTarget('#tab_control_content', '#tab_1_content', 'ui-show', 'ui-hide');mwl.switchClass('#tab_1', 'ui-tab-not-selected', 'ui-tab-selected');mwl.switchClass('#tab_2', 'ui-tab-selected', 'ui-tab-not-selected');mwl.switchClass('#tab_3', 'ui-tab-selected', 'ui-tab-not-selected');queryType=0;"><div style="margin-top:10px;">Latest</div></div><div class="ui-tab ui-tab-not-selected inline" id="tab_2" onclick="mwl.setGroupTarget('#tab_control_content', '#tab_2_content', 'ui-show', 'ui-hide');mwl.switchClass('#tab_1', 'ui-tab-selected', 'ui-tab-not-selected');mwl.switchClass('#tab_2', 'ui-tab-not-selected', 'ui-tab-selected');mwl.switchClass('#tab_3', 'ui-tab-selected', 'ui-tab-not-selected');"><div style="margin-top:10px;">Search</div></div><div class="ui-tab ui-tab-not-selected inline" id="tab_3" onclick="mwl.setGroupTarget('#tab_control_content', '#tab_3_content', 'ui-show', 'ui-hide');mwl.switchClass('#tab_1', 'ui-tab-selected', 'ui-tab-not-selected');mwl.switchClass('#tab_2', 'ui-tab-selected', 'ui-tab-not-selected');mwl.switchClass('#tab_3', 'ui-tab-not-selected', 'ui-tab-selected');"><div style="margin-top:10px;">About</div></div>
  28. </div>
  29. <div class="ui-tab-content-row" id="tab_control_content">
  30. <div id="tab_1_content" class="ui-show">
  31. <div id="thumbnailPage" style="text-align: center" class="hide" ></div>
  32. <div id="detailsPage" class="hide"></div>
  33. <div id="reviewPage" class="hide"></div>
  34. <div id="loadingPage" style="vertical-align: center; text-align: center;" class="show">
  35. <h2>Loading data...<br>Please wait!</h2>
  36. </div>
  37. </div>
  38. <div id="tab_2_content" class="ui-hide">
  39. <div id="searchBar" class="show">
  40. <!-- text-field-with-button -->
  41. <div class="ui-fieldset-text-button">
  42. <table class="header_table" border="0" cellspacing="0"
  43. cellpadding="0">
  44. <tr>
  45. <td><input type="text" id = "lineEdit"
  46. class="ui-text-input-with-adj-button" />
  47. </td>
  48. <td><input name="button" type="submit"
  49. class="ui-button ui-fixed-40px" id="button" value="Go"
  50. onclick="searchMovies();"/>
  51. </td>
  52. </tr>
  53. </table>
  54. </div>
  55. </div>
  56. <div id="searchResults" class="show"></div>
  57. <div id="searchLoadingPage" style="vertical-align: center; text-align: center;" class="hide">
  58. <h2>Search in progress...<br>Please wait!</h2>
  59. </div>
  60. <div id="searchDetailsPage" class="hide"></div>
  61. <div style="text-align: center;">
  62. <input type="button" name="clearButton" class="ui-button" value="Clear results" onclick="mwl.switchClass('#searchResults', 'show', 'hide');mwl.switchClass('#searchDetailsPage', 'show', 'hide'); "/>
  63. </div>
  64. </div>
  65. <div id="tab_3_content" class="ui-hide">
  66. <div style="text-align: center;">
  67. <br>
  68. <h2>Movie Reviews</h2>
  69. <br>Version: 1.0 <br>
  70. <br>Avnee Nathani
  71. <br>avnee.nathani@gmail.com
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </body>
  78. </html>