/wicket-menu-demo/src/main/java/com/cooldatasoft/page/ChromeDropDownMenuDemo.html

http://wicket-menu.googlecode.com/ · HTML · 90 lines · 79 code · 8 blank · 3 comment · 0 complexity · ab7549195ddc74ac6cbd398efad8be37 MD5 · raw file 

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml"

    3. 

  3. 	xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd"

    4. 

  4. 	xml:lang="en" lang="en">

    5. 

  5. 	<head>

    6. 

  6. 		<title><wicket:message key="wicketmenu.version"/></title>

    7. 

  7. 		 <style type="text/css">

    8. 

  8. 		    <!--code { font-family: Courier New, Courier; font-size: 10pt; margin: 0px; }-->

    9. 

  9. 		 </style>

    10. 

  10. 	</head>

    11. 

  11. 	<body>

    12. 

  12. 		<div wicket:id="chromeMenu"></div>

    13. 

  13. 		

    14. 

  14. 		<br/><br/>

    15. 

  15. 		

    16. 

  16. 		<b>Java Code :</b>

    17. 

  17. 		<br/>

    18. 

  18. 		

    19. 

  19. 		<div align="left" class="java">

    20. 

  20. <table border="0" cellpadding="3" cellspacing="0" bgcolor="#ffffff">

    21. 

  21.    <tr>

    22. 

  22.   <!-- start source code -->

    23. 

  23.    <td nowrap="nowrap" valign="top" align="left">

    24. 

  24.     <code>

    25. 

  25. <font color="#7f0055"><b>package&nbsp;</b></font><font color="#000000">com.cooldatasoft.page;</font><br />

    26. 

  26. <font color="#ffffff"></font><br />

    27. 

  27. <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">java.util.ArrayList;</font><br />

    28. 

  28. <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">java.util.List;</font><br />

    29. 

  29. <font color="#ffffff"></font><br />

    30. 

  30. <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">com.cooldatasoft.app.BasePage;</font><br />

    31. 

  31. <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">com.cooldatasoft.common.MenuItem;</font><br />

    32. 

  32. <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">com.cooldatasoft.horizontal.dropdown.chrome.ChromeDropDownMenu;</font><br />

    33. 

  33. <font color="#ffffff"></font><br />

    34. 

  34. <font color="#7f0055"><b>public&nbsp;class&nbsp;</b></font><font color="#000000">ChromeDropDownMenuDemo&nbsp;</font><font color="#7f0055"><b>extends&nbsp;</b></font><font color="#000000">BasePage&nbsp;</font><font color="#000000">{</font><br />

    35. 

  35. <font color="#ffffff"></font><br />

    36. 

  36. <font color="#ffffff">&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">ChromeDropDownMenuDemo</font><font color="#000000">(){</font><br />

    37. 

  37. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">List&lt;MenuItem&gt;&nbsp;primaryMenuList&nbsp;=&nbsp;buildMenu</font><font color="#000000">()</font><font color="#000000">;</font><br />

    38. 

  38. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f7f5f">//add&nbsp;your&nbsp;menu&nbsp;to&nbsp;your&nbsp;wicket&nbsp;page</font><br />

    39. 

  39. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">add</font><font color="#000000">(</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">ChromeDropDownMenu</font><font color="#000000">(</font><font color="#2a00ff">&#34;chromeMenu&#34;</font><font color="#000000">,&nbsp;primaryMenuList</font><font color="#000000">))</font><font color="#000000">;</font><br />

    40. 

  40. <font color="#ffffff">&nbsp;&nbsp;</font><font color="#000000">}</font><br />

    41. 

  41. <font color="#ffffff">&nbsp;&nbsp;</font><br />

    42. 

  42. <font color="#ffffff">&nbsp;&nbsp;</font><font color="#7f0055"><b>private&nbsp;</b></font><font color="#000000">List&lt;MenuItem&gt;&nbsp;buildMenu</font><font color="#000000">()&nbsp;{</font><br />

    43. 

  43. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />

    44. 

  44. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f7f5f">//Define&nbsp;Primary&nbsp;Menu&nbsp;items&nbsp;(menuText,destinationWebPage)&nbsp;&nbsp;&nbsp;&nbsp;</font><br />

    45. 

  45. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;primaryMenu1&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;MENU&nbsp;1&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    46. 

  46. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;primaryMenu2&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;MeNu&nbsp;2&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    47. 

  47. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;primaryMenu3&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;Menu&nbsp;3&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    48. 

  48. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;primaryMenu4&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;MenU&nbsp;4&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    49. 

  49. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;primaryMenu5&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;menu&nbsp;5&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    50. 

  50. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f7f5f">//Define&nbsp;submenu&nbsp;items</font><br />

    51. 

  51. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;subMenu1&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;submenu&nbsp;1&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    52. 

  52. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;subMenu2&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;subMENU&nbsp;2&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    53. 

  53. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;subMenu3&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;SUBMENU&nbsp;3&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    54. 

  54. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;subMenu4&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;Submenu&nbsp;4&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    55. 

  55. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MenuItem&nbsp;subMenu5&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">MenuItem</font><font color="#000000">(</font><font color="#2a00ff">&#34;SuBmEnU&nbsp;5&#34;</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">Index</font><font color="#000000">())</font><font color="#000000">;</font><br />

    56. 

  56. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f7f5f">//Add&nbsp;submenus/submenu&nbsp;titles/seperators&nbsp;to&nbsp;the&nbsp;primary&nbsp;menu&nbsp;at&nbsp;your&nbsp;choice&nbsp;of&nbsp;order</font><br />

    57. 

  57. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenu1.getSubMenuItemList</font><font color="#000000">()</font><font color="#000000">.add</font><font color="#000000">(</font><font color="#000000">subMenu1</font><font color="#000000">)</font><font color="#000000">;</font><br />

    58. 

  58. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenu1.getSubMenuItemList</font><font color="#000000">()</font><font color="#000000">.add</font><font color="#000000">(</font><font color="#000000">subMenu2</font><font color="#000000">)</font><font color="#000000">;</font><br />

    59. 

  59. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenu1.getSubMenuItemList</font><font color="#000000">()</font><font color="#000000">.add</font><font color="#000000">(</font><font color="#000000">subMenu3</font><font color="#000000">)</font><font color="#000000">;</font><br />

    60. 

  60. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenu1.getSubMenuItemList</font><font color="#000000">()</font><font color="#000000">.add</font><font color="#000000">(</font><font color="#000000">subMenu4</font><font color="#000000">)</font><font color="#000000">;</font><br />

    61. 

  61. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenu1.getSubMenuItemList</font><font color="#000000">()</font><font color="#000000">.add</font><font color="#000000">(</font><font color="#000000">subMenu5</font><font color="#000000">)</font><font color="#000000">;</font><br />

    62. 

  62. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />

    63. 

  63. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f7f5f">//Create&nbsp;a&nbsp;List&nbsp;which&nbsp;contains&nbsp;the&nbsp;primary&nbsp;menu&nbsp;items&nbsp;in&nbsp;it.&nbsp;&nbsp;</font><br />

    64. 

  64. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">List&lt;MenuItem&gt;&nbsp;primaryMenuList&nbsp;=&nbsp;</font><font color="#7f0055"><b>new&nbsp;</b></font><font color="#000000">ArrayList&lt;MenuItem&gt;</font><font color="#000000">()</font><font color="#000000">;</font><br />

    65. 

  65. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenuList.add</font><font color="#000000">(</font><font color="#000000">primaryMenu1</font><font color="#000000">)</font><font color="#000000">;</font><br />

    66. 

  66. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenuList.add</font><font color="#000000">(</font><font color="#000000">primaryMenu2</font><font color="#000000">)</font><font color="#000000">;</font><br />

    67. 

  67. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenuList.add</font><font color="#000000">(</font><font color="#000000">primaryMenu3</font><font color="#000000">)</font><font color="#000000">;</font><br />

    68. 

  68. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenuList.add</font><font color="#000000">(</font><font color="#000000">primaryMenu4</font><font color="#000000">)</font><font color="#000000">;</font><br />

    69. 

  69. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">primaryMenuList.add</font><font color="#000000">(</font><font color="#000000">primaryMenu5</font><font color="#000000">)</font><font color="#000000">;</font><br />

    70. 

  70. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />

    71. 

  71. <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#000000">primaryMenuList;</font><br />

    72. 

  72. <font color="#ffffff">&nbsp;&nbsp;</font><font color="#000000">}</font><br />

    73. 

  73. <font color="#000000">}</font></code>

    74. 

  74.     

    75. 

  75.    </td>

    76. 

  76.   <!-- end source code -->

    77. 

  77.    </tr>

    78. 

  78. </table>

    79. 

  79. </div>

    80. 

  80. 

    81. 

  81. 

    82. 

  82. <br/>

    83. 

  83. <b>HTML Markup : </b>

    84. 

  84. 

    85. 

  85. <br/><pre>

    86. 

  86. &lt;div wicket:id=&quot;chromeMenu&quot;&gt;&lt;/div&gt;

    87. 

  87. 

    88. 

  88. </pre>

    89. 

  89. 	</body>

    90. 

  90. </html>
    91.