/hoang.pt/snippet/theory7/modules/oss/carr/format/label.html

http://c1009hv.googlecode.com/ · HTML · 132 lines · 110 code · 18 blank · 4 comment · 0 complexity · 7da8b6c510f369928ad9cca4bfc34329 MD5 · raw file 

    

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

    2. 

  2. 

    3. 

  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">

    4. 

  4. <head>

    5. 

  5. 	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    6. 

  6. 	<title>Neopost NISS - Customer List</title>

    7. 

  7. 	<link type='text/css' href='../css/jquery-ui-1.7.2.custom.css' rel='stylesheet'/>

    8. 

  8. 	<link type='text/css' href='../css/common.css' rel='stylesheet'/>

    9. 

  9. 	<script src="../js/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

    10. 

  10. 	<script src="../js/jquery/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

    11. 

  11. 	<script src="../js/common.js" type="text/javascript"></script>

    12. 

  12. 	<script src="../js/jquery/jquery.multiselects.packed.js" type="text/javascript"></script>	

    13. 

  13. 	<script type="text/javascript">

    14. 

  14. 		$(function() {

    15. 

  15. 			$("#select-left").multiSelect("#select-right", {trigger: "#PACKING_TYPE_RIGHT"});

    16. 

  16. 			$("#select-right").multiSelect("#select-left", {trigger: "#PACKING_TYPE_LEFT"});

    17. 

  17. 		});

    18. 

  18. 	</script>	

    19. 

  19. 

    20. 

  20. 	<style type='text/css'>html{overflow-x:hidden}</style>

    21. 

  21. </head>

    22. 

  22. <body>

    23. 

  23. <div class='page-inside-wrapper'>

    24. 

  24. 

    25. 

  25. <div class='page-inside-content hide' id="label-content">

    26. 

  26. 

    27. 

  27. 	<div class='page-title-inside'>Advanced label format selection</div>

    28. 

  28. 	

    29. 

  29. 	<div class='clr'></div>

    30. 

  30. 					

    31. 

  31. 		<!-- START FIRST BLOCK-->

    32. 

  32. 		

    33. 

  33. 		<div class="full-width block-border top-space-10 padding-all-10">

    34. 

  34. 					

    35. 

  35. 			<label class="left-space-10 block-w340 option-label" for="label-format">Label Format</label>

    36. 

  36. 			<div class="float-left full-width">					

    37. 

  37. 				<div class="block-w340 left-space-10">

    38. 

  38. 					<select class="select-box" name="label_format">

    39. 

  39. 						<option value=""> </option>

    40. 

  40. 						<option value="1">Format 1</option>

    41. 

  41. 						<option value="2">Format 2</option>

    42. 

  42. 						<option value="3">Format 3</option>

    43. 

  43. 					</select>

    44. 

  44. 				</div>

    45. 

  45. 			</div>

    46. 

  46. 			

    47. 

  47. 			<label class="left-space-10 top-space-5 block-w340 option-label" for="packing-type">Packing Type</label>

    48. 

  48. 			<div class="float-left full-width top-space-5">				

    49. 

  49. 				<label class="left-space-10 option-label" for="label-format-available">Available</label>

    50. 

  50. 				<label class="left-space-10 option-label" for="label-format-selected">Selected</label>				

    51. 

  51. 			</div>

    52. 

  52. 			

    53. 

  53. 			<div class="float-left full-width top-space-5">

    54. 

  54. 				<div class="multi-select-box-area left-space-10">				

    55. 

  55. 					<select multiple="multiple" id="select-left" class="multi-select-box" name="packing_type_available"></select>															

    56. 

  56. 					<div class="float-left multi-select-box-control top-space-20">						

    57. 

  57. 						<div class="top-space-10 full-width">

    58. 

  58. 							<div class="icon-add-to-right margin-center" id="PACKING_TYPE_RIGHT"> </div>

    59. 

  59. 						</div>

    60. 

  60. 						<div class="top-space-10 full-width">

    61. 

  61. 							<div class="icon-add-to-left margin-center" id="PACKING_TYPE_LEFT"> </div>

    62. 

  62. 						</div>

    63. 

  63. 					</div>					

    64. 

  64. 					<select multiple="multiple" id="select-right" class="multi-select-box" name="packing_type_selected">

    65. 

  65. 						<option value="1">Packing Type 1</option>

    66. 

  66. 						<option value="2">Packing Type 2</option>

    67. 

  67. 						<option value="3">Packing Type 2</option>

    68. 

  68. 						<option value="3">Packing Type 4</option>

    69. 

  69. 					</select>										

    70. 

  70. 				</div>

    71. 

  71. 			</div>	

    72. 

  72. 						

    73. 

  73. 			<label class="left-space-10 top-space-10 block-w340 option-label" for="range-of-hu-number">Range of HU number</label>

    74. 

  74. 			<div class="float-left full-width">					

    75. 

  75. 				<div class="block-w340 left-space-10">

    76. 

  76. 					<input type="text" class="input-field half-width" name="range_of_hu_left"/>

    77. 

  77. 					<div class="float-left"> &nbsp;-</div>

    78. 

  78. 					<input type="text" class="input-field half-width left-space-10" name="range_of_hu_right"/>

    79. 

  79. 				</div>

    80. 

  80. 			</div>	

    81. 

  81. 						

    82. 

  82. 			<label class="left-space-10 top-space-10 block-w340 option-label" for="range-of-weight">Range of weight</label>

    83. 

  83. 			<div class="float-left full-width">					

    84. 

  84. 				<div class="block-w340 left-space-10">

    85. 

  85. 					<input type="text" class="input-field half-width" name="range-of-weight-left"/>

    86. 

  86. 					<div class="float-left"> &nbsp;-</div>

    87. 

  87. 					<input type="text" class="input-field half-width left-space-10" name="range-of-weight-right"/>

    88. 

  88. 				</div>

    89. 

  89. 			</div>	

    90. 

  90. 						

    91. 

  91. 			<label class="left-space-10 top-space-10 block-w340 option-label" for="range-of-declared-value">Range of declared value</label>

    92. 

  92. 			<div class="float-left full-width">					

    93. 

  93. 				<div class="block-w340 left-space-10">

    94. 

  94. 					<input type="text" class="input-field half-width" name="range_of_declared_left"/>

    95. 

  95. 					<div class="float-left"> &nbsp;-</div>

    96. 

  96. 					<input type="text" class="input-field half-width left-space-10" name="range_of_declared_right"/>

    97. 

  97. 				</div>

    98. 

  98. 			</div>	

    99. 

  99. 						

    100. 

  100. 			<label class="left-space-10 top-space-10 block-w340 option-label" for="range-of-insuracne-value">Range of insurance value</label>

    101. 

  101. 			<div class="float-left full-width">					

    102. 

  102. 				<div class="block-w340 left-space-10">

    103. 

  103. 					<input type="text" class="input-field half-width" name="range_of_insurance_left"/>

    104. 

  104. 					<div class="float-left"> &nbsp;-</div>

    105. 

  105. 					<input type="text" class="input-field half-width left-space-10" name="range_of_insurance_right"/>

    106. 

  106. 				</div>

    107. 

  107. 			</div>			

    108. 

  108. 					

    109. 

  109. 		</div>			

    110. 

  110. 		<!-- END FIRST BLOCK-->

    111. 

  111. 							

    112. 

  112. 		<!-- BUTTON-->

    113. 

  113. 		<div class='block-w750 top-space-10'>

    114. 

  114. 			<div class='full-width margin-center'>

    115. 

  115. 				<div id='save' type="standard-button" class='left-space-20'>

    116. 

  116. 					<div class='button-inside-bgw'>Cancel</div>

    117. 

  117. 				</div>

    118. 

  118. 				<div id='save' type="standard-button" class='left-space-20'>

    119. 

  119. 					<div class='button-inside-bgw'>Delete</div>

    120. 

  120. 				</div>

    121. 

  121. 				<div id='save' type="standard-button" class='left-space-20'>

    122. 

  122. 					<div class='button-inside-bgw'>Save</div>

    123. 

  123. 				</div>								

    124. 

  124. 			</div>

    125. 

  125. 		</div>

    126. 

  126. 		<!--/BUTTON-->

    127. 

  127. 		

    128. 

  128. 	</div>

    129. 

  129. </div>

    130. 

  130. 

    131. 

  131. </body>

    132. 

  132. </html>
    133.