6.59 (Anonymous)

Check Availability WidgetsResponsive HTML forms for your website

Home Web Tools Site Widgets JS Availability Form
Live Demo

Check Availability

You can immediately determine if we are available on your special date. Simply provide us the following information!

Copy & Paste Code

Place the following code in your website's <HEAD> section

<script id="gbengine" src="//www.gigbuilder.com/cal/nj/reyesproduction.nsf/webtools.js?open"></script>

Place the following code EXACTLY where you want the jukebox to appear

<div id="gbCheckDiv" class="gb-container">

<h4>Check Availability</h4>

<p>You can immediately determine if we are available on your special date. Simply provide us the following information!</p>

<form class="gbAvailable" id="gbCheckAvailability">

<ul>

<li><label for="Month">Event Month</label>

<select name="Month" id="gbMonth"><option value="0" selected="selected">---- Select ----</option><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option><option value="5">May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option><option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option>

</select></li>

<li><label for="Day">Day of Event</label>

<select name="Day" id="gbDay"><option selected="selected">---- Select ----</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select></li>

<li><label for="Year">Year</label>

<select id="gbYear" name="Year"><option selected>---- Select ----</option></select>

<script>/*<![CDATA[*/var e=document.getElementById("gbYear");for(x=0;x<5;x++){var o=document.createElement("option");o.text=new Date().getFullYear()+x;e.add(o)};/*]]>*/</script></li>

<li><button type="button" class="gbSubmit" onClick="gbSubmit()">Check Availability</button></li>

<input type="hidden" name="service" id="gbService" value="0"/>

</form>

</div>

<div id="gbFormDiv" class="gbDiv" style="display:none"><div class="indent" id="gbData"></div></div>

<div id="temp"></div>

You are viewing a live, working example of a javascript-based integrated music jukebox widget where the prospect never leaves your site. Colors on this page are configured in Gigbuilder Web Tools -> Configuration -> Look & Feel and can be changed at any time. Once the code is on your website it won't have to be modified as all changes can be done directly in Gigbuilder.