Advertisement
belgeri

newhomes

Dec 15th, 2017
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.16 KB | None | 0 0
  1. <div class="Search-box-conatiner" id="widget-box">
  2.  
  3.  
  4. <form onsubmit="SubmitForm(this)" action="http://www.showingnew.com/southeastflorida/Home/Show" class="pro-search-box" enctype="multipart/form-data" id="pro-search-box" method="post" name="pro-search-box" target="_blank"> <div class="mainDiv" style="font-family: &quot;Myriad W01&quot;, &quot;Myriad Pro&quot;, &quot;Calibri&quot;, &quot;Arial&quot;, &quot;Helvetica&quot;, &quot;sans-serif&quot;; color: rgb(255, 255, 255); background: rgb(0, 74, 124) none repeat scroll 0% 0%; border-radius: 3px; padding: 21px 30px; width: 600px; margin: 20px; box-sizing: border-box;">
  5. <h2 id="titleText" style="font-size: 30px; font-weight: 500; margin-bottom: 5px; margin-top: 0px;">Search New Construction Home Listings</h2>
  6. <fieldset id="HomesTypeFieldset" style="border: 0; margin: 0; padding: 0;"><div id="homesTypeDiv">
  7. <label for="AllNew" id="newHomesTooltip" style="color: rgb(0, 74, 124);margin-bottom: 15px; background: #fff; display: inline-block; padding: 5px 15px; border-radius: 2px; position: relative;" onclick="ChangeFocus(this,'inventoryHomesTooltip')">
  8. All New Homes
  9. <span for="AllNew" style="content: '';width: 0px; height: 0px; margin-left: -7px; position: absolute; bottom: -11px; left: 50%; border-top: 12px solid rgb(255, 255, 255); border-left: 7px solid transparent; border-right: 7px solid transparent;">
  10. </span>
  11. </label>
  12. <label for="QMIOnly" id="inventoryHomesTooltip" style="display: inline-block; padding: 5px 15px;margin-bottom: 15px; margin-left: 50px; vertical-align: top; background: rgba(255, 255, 255, 0.3); border-radius: 2px; position:relative" onclick="ChangeFocus(this, 'newHomesTooltip')">
  13. Inventory Homes
  14. <span style="content: '';width: 0px; height: 0px; margin-left: -7px; position: absolute; bottom: -11px; left: 50%; border-top: 12px solid rgb(255, 255, 255); border-left: 7px solid transparent; border-right: 7px solid transparent; display: none;">
  15. </span>
  16. </label>
  17. <input id="AllNew" name="QuickMoveIn" value="0" checked="checked" style="display:none" type="radio">
  18. <input id="QMIOnly" name="QuickMoveIn" value="1" style="display:none" type="radio">
  19. </div>
  20.  
  21. <p style="height: 50px; margin: 1px 0 10px 0; padding: 0;">
  22. <input autocomplete="off" id="WidgetSearchText" maxlength="100" name="SearchText" placeholder="Enter City, Zip Code, School District or Community Name" value="" style="float: left; display:inline-block; width: calc(100% - 50px); padding: 15px 20px; border-radius: 3px 0 0 3px; font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 18px; background: #fff; border: 1px solid #ccdbe4; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;" type="text">
  23. <input value="Find Homes" style="float: left; display: inline-block; width: 50px; height: 0; padding: 50px 0 0 0; overflow: hidden; background-color: #f58220; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABApJREFUeNrcmk9IFFEcx9f1z5ppmlpKh+pgCVGBHfojpGuZkVRQYIRUFEEdOmRBdAs62ClCqENWF+kPniJDKPwflQcPecukNOiPZayV5aVVd/s++AmLzHsz8/7MsPuDz+W93XnzmZn35r3fm7R4PB5QiCywFewCm8B6sAospbo/4CcYAyPgFRgAkYDHkSYpWglOgiMg3+V/Y6APPADt4J8npkzUBdVgIK4vvoDzIMvlebjG6Q9LwMO4uXgLwn6L1oJvcfMxD5pBhh+iTWAu7m10gWW6RUWD0RVw1UE3Z4NJL+gGw2AUTIMoDVRrwAYQBvtBqYNjDoE6Oo7RweiCgyv/HVwChS6ubDo4AF47OD77TbbJR3e3zePK6q6DXMXGG8BXG9m7pkRL6U7xYhLUaOw7K0C3jewxE6KPBA2OgzIDI2ImuC9oNwKKdYpWCxr7YUgyse92CNpv1Sn6QtAna0zPXKjPj3DOYRasVTl+kAbf7aCKMzC3gH4PZqMz4DiYt6jLABd1vF7uCF4huR7czURaOecyBUIqdzSLViFWcYOutJfRDOYsygtBvexBmeg2zlKLzWzuBbyPT+AZp65ORTTMqeuiRbMf0c4pD6uIbubU9QT8i15OOctgZMuKlnPq3vgoOgk+c853naxoCafuQ8DfeM8pL5UVzePU/fZZlLdEy5MVzeTUzfosGuWUZ8qKzui8chpjGaf8r6zoFKdutc+ivPanZEXHOHUbfZQMCUbXMVnRd5y6Kh9Fd9DUdHFEZLP8QdomsIqDtGrwIw5xyl+qzIz6aZvA6n21zwfJJeAop65PRTQiWG9e9kH0FFhpUc7WqY9V16MnBGmMBg/XogWUgLOK5zpSKSFB6nGCsnVeiLYJLvheXTmjJkEjPR7seJ0VtD+kMzkWEiSn4pQKTTckeViQNI+BSt153TAdmBcdBnJIZ2x2BlpNbUlcs8mcs7u+RdPA02bTFkua55gSZY9nr80JsDzrbclcK9s4OicYXRPjF6gwuT+aTwOAXUTBE9BIu+IiOdYtWhwKLt6SUJYV7Y8WgKdgp4vXMkt/jNMkJEZLPbYKKePMXZ0GW7Hsof1XI1+lsETULXDao1nRR7CcLrJeWYe3vpEy5aYiRqNrDj2mEd2PsZsfF9PGbFSz5JDFe1K7rEzHZiPtTcU7PEdzV9G0Tqus7JdjC1mAetomqKGMQFDw+witJ/toFTLhoI0K+gikSLXPqohaiZfTEiufpFkii30POCqb69Elq1PUZCjLBgPJEcMkY/VUFNFFqEgFUWXZZBJVkk02UWnZZBSVkk1WUdeyySzqSjZZ3qMq71n2HUZtqojayXamkihPdpDNyYOB1IrFfXaQFh7TqSaaKNu5IMkK/wswALG7Nl7KQ+BAAAAAAElFTkSuQmCC');cursor:pointer; background-size: 29px 29px; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 0 3px 3px 0; font-weight: normal; text-align: center; line-height: 20px; border: 0;" type="submit">
  24. </p>
  25. </fieldset>
  26. <p id="SearchValidationError" style="color: #f58220;display:none; font-size:14px;">
  27. <strong>Oops!</strong> Please enter a valid location (city, zip code or school district) or community name.
  28. </p>
  29. <fieldset style="border: 0; margin: 0; padding: 0;">
  30. <p style="float: left; margin: 18px 18px 18px 0;">
  31.  
  32. <select id="PriceLow" name="PriceLow" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
  33. <option>Min Price</option>
  34. <option value="100000">$100,000</option>
  35. <option value="125000">$125,000</option>
  36. <option value="150000">$150,000</option>
  37. <option value="175000">$175,000</option>
  38. <option value="200000">$200,000</option>
  39. <option value="225000">$225,000</option>
  40. <option value="250000">$250,000</option>
  41. <option value="275000">$275,000</option>
  42. <option value="300000">$300,000</option>
  43. <option value="325000">$325,000</option>
  44. <option value="350000">$350,000</option>
  45. <option value="375000">$375,000</option>
  46. <option value="400000">$400,000</option>
  47. <option value="425000">$425,000</option>
  48. <option value="450000">$450,000</option>
  49. <option value="475000">$475,000</option>
  50. <option value="500000">$500,000</option>
  51. <option value="550000">$550,000</option>
  52. <option value="600000">$600,000</option>
  53. <option value="650000">$650,000</option>
  54. <option value="700000">$700,000</option>
  55. <option value="750000">$750,000</option>
  56. <option value="800000">$800,000</option>
  57. <option value="850000">$850,000</option>
  58. <option value="900000">$900,000</option>
  59. <option value="950000">$950,000</option>
  60. <option value="1000000">$1,000,000</option>
  61. <option value="1100000">$1,100,000</option>
  62. <option value="1200000">$1,200,000</option>
  63. <option value="1300000">$1,300,000</option>
  64. <option value="1400000">$1,400,000</option>
  65. <option value="1500000">$1,500,000</option>
  66. <option value="1600000">$1,600,000</option>
  67. <option value="1700000">$1,700,000</option>
  68. <option value="1800000">$1,800,000</option>
  69. <option value="1900000">$1,900,000</option>
  70. <option value="2000000">$2,000,000</option>
  71. </select>
  72. to
  73. <select id="PriceHigh" name="PriceHigh" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
  74. <option>Max Price</option>
  75. <option value="100000">$100,000</option>
  76. <option value="125000">$125,000</option>
  77. <option value="150000">$150,000</option>
  78. <option value="175000">$175,000</option>
  79. <option value="200000">$200,000</option>
  80. <option value="225000">$225,000</option>
  81. <option value="250000">$250,000</option>
  82. <option value="275000">$275,000</option>
  83. <option value="300000">$300,000</option>
  84. <option value="325000">$325,000</option>
  85. <option value="350000">$350,000</option>
  86. <option value="375000">$375,000</option>
  87. <option value="400000">$400,000</option>
  88. <option value="425000">$425,000</option>
  89. <option value="450000">$450,000</option>
  90. <option value="475000">$475,000</option>
  91. <option value="500000">$500,000</option>
  92. <option value="550000">$550,000</option>
  93. <option value="600000">$600,000</option>
  94. <option value="650000">$650,000</option>
  95. <option value="700000">$700,000</option>
  96. <option value="750000">$750,000</option>
  97. <option value="800000">$800,000</option>
  98. <option value="850000">$850,000</option>
  99. <option value="900000">$900,000</option>
  100. <option value="950000">$950,000</option>
  101. <option value="1000000">$1,000,000</option>
  102. <option value="1100000">$1,100,000</option>
  103. <option value="1200000">$1,200,000</option>
  104. <option value="1300000">$1,300,000</option>
  105. <option value="1400000">$1,400,000</option>
  106. <option value="1500000">$1,500,000</option>
  107. <option value="1600000">$1,600,000</option>
  108. <option value="1700000">$1,700,000</option>
  109. <option value="1800000">$1,800,000</option>
  110. <option value="1900000">$1,900,000</option>
  111. <option value="2000000">$2,000,000</option>
  112. </select>
  113. </p>
  114. <div style="float: left">
  115. <p id="BedRoomsPTag" style="float: left; margin: 18px 18px 18px 0px;">
  116. <select id="BedRooms" name="BedRooms" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
  117. <option>Beds</option>
  118. <option value="1">studio/1</option>
  119. <option value="2">2+</option>
  120. <option value="3">3+</option>
  121. <option value="4">4+</option>
  122. <option value="5">5+</option>
  123. </select>
  124. </p>
  125. <p id="BathRoomsPTag" style="float: left; margin: 18px 18px 18px 0px;">
  126. <select id="Bathrooms" name="Bathrooms" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
  127. <option>Baths</option>
  128. <option value="1">1+</option>
  129. <option value="2">2+</option>
  130. <option value="3">3+</option>
  131. <option value="4">4+</option>
  132. <option value="5">5+</option>
  133. </select>
  134. </p>
  135. <p id="SqftLowPTag" style="float: left; margin: 18px 18px 18px 0px;">
  136. <select id="SqFtLow" name="SqFtLow" style="font-size: 13px; font-weight: 300; line-height: 18px; padding: 4px 3px; background: #fff; border: 1px solid #ccdbe4; border-radius: 3px; color: #4b4b4b; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;">
  137. <option>Square Feet</option>
  138. <option value="500">500+</option>
  139. <option value="1000">1000+</option>
  140. <option value="1500">1500+</option>
  141. <option value="2000">2000+</option>
  142. <option value="2500">2500+</option>
  143. <option value="3000">3000+</option>
  144. <option value="3500">3500+</option>
  145. <option value="4000">4000+</option>
  146. <option value="4500">4500+</option>
  147. <option value="5000">5000+</option>
  148. <option value="5500">5500+</option>
  149. <option value="6000">6000+</option>
  150. <option value="6500">6500+</option>
  151. <option value="7000">7000+</option>
  152. <option value="7500">7500+</option>
  153. <option value="8000">8000+</option>
  154. <option value="8500">8500+</option>
  155. <option value="9000">9000+</option>
  156. <option value="9500">9500+</option>
  157. <option value="10000">10000+</option>
  158. </select>
  159. </p>
  160. </div>
  161. </fieldset>
  162. <p style="font-size: 12px;">Powered by&nbsp;&nbsp;<a style="color:#fff" href="http://www.showingnew.com/southeastflorida">www.showingnew.com/southeastflorida</a></p>
  163.  
  164. </div>
  165. <script type="text/javascript">
  166. function ChangeFocus(ref, inactiveElementsId) {
  167. ref.querySelector('span').style.display = 'block';
  168. ref.style.backgroundColor = '#fff';
  169. ref.style.color = '#004a7c';
  170. var inactiveElement = document.getElementById(inactiveElementsId);
  171. inactiveElement.querySelector('span').style.display = 'none';
  172. inactiveElement.style.background = 'rgba(255, 255, 255, 0.3)';
  173. inactiveElement.style.color = '#fff';
  174. }
  175. function SubmitForm(event) {
  176. var searchText = document.getElementById("WidgetSearchText").value;
  177. if (searchText == "" || typeof (searchText) == "undefined") {
  178. document.querySelector(".mainDiv #SearchValidationError").style.display = 'block';
  179. window.event.preventDefault();
  180. } else {
  181. document.querySelector(".mainDiv #SearchValidationError").style.display = 'none';
  182. }
  183. }
  184. </script>
  185. </form>
  186. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement