/public_html/public/scripts/kaiten/demos/wikipedia.html

https://github.com/fatasuir9/Workpad · HTML · 71 lines · 70 code · 1 blank · 0 comment · 0 complexity · 74ee983a9a1b7add359b5d57380452f7 MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5. 

  5. 		<title>Wikipedia</title>
    6. 

  6. 		<meta name="apple-mobile-web-app-capable" content="yes"/>
    7. 

  7. 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    8. 

  8. 		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    9. 

  9. 		<link rel="icon" type="image/png" href="../images/kaiten-boxed-favicon.png" sizes="16x16">
    10. 

  10. 		<link rel="stylesheet" type="text/css" href="../css/kaiten.css" />
    11. 

  11. 		<script type="text/javascript" src="../js/jquery-1.6.1.min.js">&#160;</script>
    12. 

  12. 		<script type="text/javascript" src="../js/jquery-ui-1.8.11.custom.min.js">&#160;</script>
    13. 

  13. 		<script type="text/javascript" src="../js/jkaiten.js">&#160;</script>
    14. 

  14. 

  15. 		<script type="text/javascript" src="connectors/wikipedia/languages.js">&#160;</script>
    16. 

  16. 		<script type="text/javascript" src="connectors/wikipedia/labels.js">&#160;</script>
    17. 

  17. 		<script type="text/javascript" src="connectors/wikipedia/language-trads.js">&#160;</script>		
    18. 

  18. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.const.js">&#160;</script>
    19. 

  19. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.home.js">&#160;</script>
    20. 

  20. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.page.js">&#160;</script>
    21. 

  21. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.search.js">&#160;</script>
    22. 

  22. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.languages.js">&#160;</script>
    23. 

  23. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.image.js">&#160;</script>
    24. 

  24. 		<script type="text/javascript" src="connectors/wikipedia/wikipedia.static.js">&#160;</script>
    25. 

  25. 	</head>
    26. 

  26. 	<body>
    27. 

  27. 		<div id="container"></div>
    28. 

  28. 		<div id="custom-options-text">
    29. 

  29. 			You can add your custom options here.<br /><br />
    30. 

  30. 			For more information and documentation, please visit our website :<br /><br />
    31. 

  31. 			<a href="http://www.nectil.com/kaiten" target="_blank">http://www.nectil.com/kaiten</a>
    32. 

  32. 		</div>
    33. 

  33. 		<script type="text/javascript">
    34. 

  34. 			$(function(){
    35. 

  35. 				// keep a reference to Kaiten's container
    36. 

  36. 				$K = $('#container');
    37. 

  37. 				// initialize Kaiten
    38. 

  38. 				$K.kaiten({
    39. 

  39. 					columnWidth : '400px',
    40. 

  40. 					optionsSelector : '#custom-options-text',
    41. 

  41. 					connectors : {
    42. 

  42. 						"wikipedia.home" : window.kConnectors.wikipedia.home,
    43. 

  43. 						"wikipedia.page" : window.kConnectors.wikipedia.page,
    44. 

  44. 						"wikipedia.search" : window.kConnectors.wikipedia.search,
    45. 

  45. 						"wikipedia.languages" : window.kConnectors.wikipedia.languages,
    46. 

  46. 						"wikipedia.image" : window.kConnectors.wikipedia.image,
    47. 

  47. 						"wikipedia.static" : window.kConnectors.wikipedia.static
    48. 

  48. 					},
    49. 

  49. 					startup : function(dataFromURL){
    50. 

  50. 						// display home page
    51. 

  51. 						this.kaiten('load', { kConnector:'wikipedia.home' });
    52. 

  52. 						// handle data passed through the URL
    53. 

  53. 						if (dataFromURL)
    54. 

  54. 						{
    55. 

  55. 							if (dataFromURL.url && /\.\w{3}$/.test(dataFromURL.url) === false)
    56. 

  56. 							{
    57. 

  57. 								var initData = window.kConnectors.wikipedia.page.getData(dataFromURL.url);
    58. 

  58. 								initData.kConnector = 'wikipedia.page';
    59. 

  59. 								this.kaiten('load', initData);
    60. 

  60. 							}
    61. 

  61. 							else
    62. 

  62. 							{
    63. 

  63. 								this.kaiten('load', dataFromURL);
    64. 

  64. 							}							
    65. 

  65. 						}
    66. 

  66. 					}
    67. 

  67. 				});	
    68. 

  68. 			});			
    69. 

  69. 		</script>			
    70. 

  70. 	</body>
    71. 

  71. </html>
    72.