Script voor reservering systeem

Status
Niet open voor verdere reacties.
E

Esperides

Nieuwe gebruiker
Lid geworden
20 dec 2007
Berichten
1
Hallo allemaal,

Ik heb een script voor een databox, dat vervolgens naar een reserverings-systeem verwijst.
Echter als ik het script op mijn site wil plaatsen, komen er geen data boxen zoals datum, aantal personen enz..
Weet iemand wat er fout is aan het script?

Alvast mijn dank voor de hulp.
Hier het script:
Code: 
<!--Start Date Select-->
<script language="JavaScript">
  /******************************
  * Editable section -- Start --
  ******************************/
  // DATE SETTINGS - EDIT AS REQUIRED
  var daysinAdvance = 1; // Sets default days in advance from current date
  var numberNights = 3;  // Sets default number of nights
  var numberYears = 3; // Sets default number of years to display in year select list
  var numberNightsMin = 1; // Sets minimum number of nights accepted
  var imgDir = "images/"; // Directory for the dynamic calendar script and images. Trailing slash must be included.

  // FLAG SETTINGS ON/OFF - SET TO 1 FOR ON & 0 FOR OFF
  var wdDisplay = 1; //weekday display
  var numberNightsDisplay = 1; //number of nights display
  var departDateDisplay = 1; //departure dates display
  var departDateUpdate = 1; //auto update departure date

  // WEEK DAY AND NUMBER NIGHTS TEXT - EDIT TEXT AS REQUIRED
  var wdArray = new Array("Zon", "Maan", "Dins", "Woens", "Don", "Vrij", "Zat");
  var nightTxt = " Nacht";
  var nightsTxt = " Nachten";

  // ERROR MESSAGE TEXT - EDIT TEXT AS REQUIRED
  var invalidDateTxt = "Invalid Arrival Date. Please check number of days selected";
  var invalidDatePriorTxt = "Arrival Date selected is prior Today's date. Please change...";
  var invalidDepartDateTxt = "Invalid Departure Date. Please check number of days selected";
  var invalidDepartTxt = "Departure Date is prior to Arrival Date selected. Please change...";
  var invalidNightsTxt = "Sorry, reservations under "+numberNightsMin+" nights are not accepted.";
  /******************************
  * Editable section -- End --
  ******************************/

  /**************************************************
  * DO NOT CHANGE JAVASCRIPT SETTINGS BELOW THIS LINE
  **************************************************/
  //Days in each month Array
  var aNumDays = new Array (31,0,31,30,31,30,31,31,30,31,30,31);

  //Cancel out if no departure date display
  if(departDateDisplay == 0) {
    numberNightsDisplay = 0;
    departDateUpdate = 0;
  }

  //Sets dates selected from dyncalendar
  function calendarCallback(day, month, year, objName, formName) {
    if(objName == "calendarArrive"){
      document.forms[formName].fd.selectedIndex = day-1;
      document.forms[formName].fm.selectedIndex = month-1;
      document.forms[formName].fy.selectedIndex = year - document.forms[formName].fy.options[0].text;
      updateDates(document.forms[formName]);
      if(wdDisplay == 1 && departDateDisplay == 1) setWkd(formName, 1);
    }else{  //objName == calendarDepart
      document.forms[formName].td.selectedIndex = day-1;
      document.forms[formName].tm.selectedIndex = month-1;
      document.forms[formName].ty.selectedIndex = year - document.forms[formName].ty.options[0].text;
      if(wdDisplay == 1 && departDateDisplay == 1) setWkd(formName, 1);
    }
  }

  //Update form with selected dates
  function updateDates(form, loadDates) {
    //check Leap Year
    if(form.fm.selectedIndex==1)  {
      var leapYear  = new Date (form.fy.options[form.fy.selectedIndex].text,form.fm.selectedIndex+1,1);
      var leapYear  = new Date (leapYear  - (24*60*60*1000));
      var numDaysInMonth = leapYear.getDate();
    }else{
      var numDaysInMonth = aNumDays[form.fm.selectedIndex];
    }
    // Update departure date only when loading the form and/or departDateUpdate is set to 1
    if(loadDates == 1 || departDateUpdate == 1) {
      var selectDate = new Date(form.fy.options[form.fy.selectedIndex].text, form.fm.selectedIndex, form.fd.selectedIndex);
      var setDate = new Date(selectDate.getTime() + ((numberNights+1) * 86400000));
      var setDay = setDate.getDate();
      var setMonth = setDate.getMonth();
      var setYear = setDate.getFullYear() - form.fy.options[0].text;
      var checkinDate = new Date(form.fy.options[form.fy.selectedIndex].text,form.fm.selectedIndex,form.fd.selectedIndex+1);
      var checkoutDate = new Date(form.ty.options[form.ty.selectedIndex].text,form.tm.selectedIndex,form.td.selectedIndex+1);
      if(checkinDate > checkoutDate) {
        if(setYear == form.ty.length) {
          form.td.options[30].selected=1;
          form.tm.options[11].selected=1;
          form.ty.options[form.ty.length-1].selected=1;
        } else {
          form.td.options[setDay-1].selected=1;
          form.tm.options[setMonth].selected=1;
          form.ty.options[setYear].selected=1;
        }
      }
    }
    if(form.fd.selectedIndex+1 > numDaysInMonth) {
      alert(invalidDateTxt);
      form.fd.selectedIndex = numDaysInMonth-1;
    }
  }

  function setWkd(form, calendar) {
    // change form object if returned from calendar
    if(calendar) form = document.forms[form];
    for (var i = 0; i < form.fy.length; i++) {
      if (form.fy.options[i].selected) var fyear = form.fy.options[i].text;
      if (departDateDisplay == 1 && form.ty.options[i].selected) var tyear = form.ty.options[i].text;
    }
    var checkinDate = new Date(fyear,form.fm.selectedIndex,form.fd.selectedIndex+1);
    if (departDateDisplay == 1) var checkoutDate = new Date(tyear,form.tm.selectedIndex,form.td.selectedIndex+1);
    var numNights = Math.round((checkoutDate - checkinDate) / 86400000);
    if (numNights == 1) numNights += nightTxt;
    else numNights += nightsTxt;
    //Set Days of the week display
    if(wdDisplay == 1 && document.getElementById) {
      document.getElementById('inWd').firstChild.nodeValue = '(' + wdArray[checkinDate.getDay()] + ')';
      if (departDateDisplay == 1) document.getElementById('outWd').firstChild.nodeValue = '(' + wdArray[checkoutDate.getDay()] + ')';
    }
    //Set number of nights display
    if(numberNightsDisplay == 1 && document.getElementById) document.getElementById('lengthStay').firstChild.nodeValue = numNights;
  }

  //Load current dates on form load
  function LoadDates(form) {
    var curDate = new Date();
    var setDate = new Date(curDate.getTime() + (daysinAdvance * 86400000));
    var setDay = setDate.getDate();
    var setMonth = setDate.getMonth();
    var setYear = setDate.getFullYear() - form.fy.options[0].text;
    // Set Arrival Dates
    form.fd.selectedIndex = setDay-1;
    form.fm.selectedIndex = setMonth;
    form.fy.selectedIndex = setYear;
    // Set the Departure Dates
    updateDates(form, departDateDisplay);
    if(wdDisplay == 1 || numberNightsDisplay == 1) setWkd(form);
  }

  //Load current dates on form load
  function checkDates(form) {
    var curDate = new Date();
    for (var i = 0; i < form.fy.length; i++) {
      if (form.fy.options[i].selected) var fyear = form.fy.options[i].text;
      if (departDateDisplay == 1 && form.ty.options[i].selected) var tyear = form.ty.options[i].text;
    }
    var checkinDate = new Date(fyear,form.fm.selectedIndex,form.fd.selectedIndex+2);
    if (departDateDisplay == 1) {
      if(form.tm.selectedIndex==1)  {
        var leapYear  = new Date (form.ty.options[form.ty.selectedIndex].text,form.tm.selectedIndex+1,1);
        var leapYear  = new Date (leapYear  - (24*60*60*1000));
        var numDaysInMonth = leapYear.getDate();
      }else{
        var numDaysInMonth = aNumDays[form.tm.selectedIndex];
      }
      if(form.td.selectedIndex+1 > numDaysInMonth) {
        alert(invalidDepartDateTxt);
        form.td.selectedIndex = numDaysInMonth-1;
        return false;
      }
      var checkoutDate = new Date(tyear,form.tm.selectedIndex,form.td.selectedIndex+2);
      var numNights = Math.round((checkoutDate - checkinDate) / 86400000);
    } else {
      var numNights = form.numnights.selectedIndex+1;
    }
    if(checkinDate.getTime() < curDate.getTime()) {
      alert(invalidDatePriorTxt);
      return false;
    }
    if(numNights < 1) {
      alert(invalidDepartTxt );
      return false;
    }
    if(numNights < numberNightsMin) {
      alert(invalidNightsTxt);
      return false;
    }
  }

  //Generate years options for year select list
  function year_option(form){
    curDate = new Date();
    curYear = curDate.getFullYear();
    for(i = curYear ; i <= curYear+(numberYears-1) ; i++ ){
      document.write('<option value="' + i + '">' + i + '</option>');
    }
  }
</script>

<form name="DateSelect" action="http://www.globekey.com/reserve.php" method="POST" target="_self">
<table width="450" border="1" align="center" cellspacing="0" cellpadding="4" bordercolor="#000000" bgcolor="#EFEFEF">
  <tr bgcolor="#39424A">
    <td><div align="center"><b><font color="#FFFFFF">Apartment Reserveringen</font></b></div></td>
  </tr>
  <tr>
    <td>
      <table border="0" cellpadding="0" cellspacing="1" width="100%">
        <tr>
          <td colspan="2"><p align="center">Vul A.U.B. uw boekings data hieronder in.</p></td>
        </tr>
        <tr>
          <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td align="right"><b>Aankomst Datum:&nbsp;</b></td>
          <td>
            <select name="fd" id="fd" size="1" onChange="updateDates(this.form);setWkd(this.form)">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
              <option value="11">11</option>
              <option value="12">12</option>
              <option value="13">13</option>
              <option value="14">14</option>
              <option value="15">15</option>
              <option value="16">16</option>
              <option value="17">17</option>
              <option value="18">18</option>
              <option value="19">19</option>
              <option value="20">20</option>
              <option value="21">21</option>
              <option value="22">22</option>
              <option value="23">23</option>
              <option value="24">24</option>
              <option value="25">25</option>
              <option value="26">26</option>
              <option value="27">27</option>
              <option value="28">28</option>
              <option value="29">29</option>
              <option value="30">30</option>
              <option value="31">31</option>
            </select>
            <select name="fm" id="fm" size="1" onChange="updateDates(this.form);setWkd(this.form)">
              <option value="1">Jan</option>
              <option value="2">Feb</option>
              <option value="3">Mar</option>
              <option value="4">Apr</option>
              <option value="5">Mei</option>
              <option value="6">Jun</option>
              <option value="7">Jul</option>
              <option value="8">Aug</option>
              <option value="9">Sep</option>
              <option value="10">Oct</option>
              <option value="11">Nov</option>
              <option value="12">Dec</option>
            </select>
            <select name="fy" id="fy" size="1" onChange="updateDates(this.form);setWkd(this.form)">
              <script language="JavaScript" type="text/javascript">year_option();</script>
            </select>
            &nbsp;<span id="inWd"> </span>
          </td>
        </tr>
        <tr>
          <td align="right"><b>Vertrek Datum:&nbsp;</b></td>
          <td>
            <select name="td" id="td" size="1" onChange="setWkd(this.form)">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
              <option value="11">11</option>
              <option value="12">12</option>
              <option value="13">13</option>
              <option value="14">14</option>
              <option value="15">15</option>
              <option value="16">16</option>
              <option value="17">17</option>
              <option value="18">18</option>
              <option value="19">19</option>
              <option value="20">20</option>
              <option value="21">21</option>
              <option value="22">22</option>
              <option value="23">23</option>
              <option value="24">24</option>
              <option value="25">25</option>
              <option value="26">26</option>
              <option value="27">27</option>
              <option value="28">28</option>
              <option value="29">29</option>
              <option value="30">30</option>
              <option value="31">31</option>
            </select>
            <select name="tm" id="tm" size="1" onChange="setWkd(this.form)">
              <option value="1">Jan</option>
              <option value="2">Feb</option>
              <option value="3">Mar</option>
              <option value="4">Apr</option>
              <option value="5">Mei</option>
              <option value="6">Jun</option>
              <option value="7">Jul</option>
              <option value="8">Aug</option>
              <option value="9">Sep</option>
              <option value="10">Oct</option>
              <option value="11">Nov</option>
              <option value="12">Dec</option>
            </select>
            <select name="ty" id="ty" size="1" onChange="setWkd(this.form)">
              <script language="JavaScript" type="text/javascript">year_option();</script>
            </select>
            &nbsp;<span id="outWd"> </span>
          </td>
        </tr>
        <tr>
          <td align="right"><b>Aantal Nachten:&nbsp;</b></td>
          <td><span id="lengthStay">n/a</span></td>
        </tr>
        <tr>
          <td align="right"><b>Bezetting per App.:&nbsp;</b></td>
          <td>
            <select name="adults" id="adults">
              <option >1</option>
              <option selected>2</option>
              <option >3</option>
              <option >4</option>
            </select> Volwassenen +
            <select name="child" id="child">
              <option>0</option>
              <option>1</option>
              <option>2</option>
            </select> Kinderen < 2 j.
          </td>
        </tr>
        <tr>
          <td colspan="2">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="center">
      <input type="hidden" name="settings1" value="daysinAdvance=1;numberNights=3;numberYears=3;numberNightsMin=1;">
      <input type="hidden" name="settings2" value="wdDisplay=1;numberNightsDisplay=1;departDateDisplay=1;">
      <input type="hidden" name="sh" value="yes">
      <input type="hidden" name="lang" value="nl">
      <input type="hidden" name="hid" value="CHQ3293">
      <input type="submit" name="availcheck" value="Controleer Beschikbaarheid" onClick="return checkDates(this.form)">
      <noscript><br><font color=red>It appears that your browser does not support JavaScript, or you have it disabled.  The reservation system requires a JavaScript enabled browser.<p>If JavaScript is disabled in your browser, please turn it back on then reload this page.<p></font></noscript>
    </td>
  </tr>
</table>
</form>
<script language="JavaScript">
  LoadDates(document.DateSelect);
</script>
<div align="center"><a href="http://www.globekey.com/resamend.php?hid=CHQ3293">Annuleer Reservatie</a>  | <a href="http://www.globekey.com/login.php?hid=CHQ3293">Geregistreerde Gebruikers</a></div>
<a href="http://www.key-res.com" style="text-decoration: none;">&nbsp;</a>
<!--End Date Select-->


Admin-edit: in het vervolg graag
Code: 
 en
tags gebruiken. Bvd :)
 
Laatst bewerkt door een moderator:
Dat is nogal een klus om dat te debuggen. :shocked: Zou je niet liever gewoon een frame maken en daar een reserveringssysteem van supersaas.nl in stoppen? Dat is gratis voor kleine gebruikers en het is veel mooier en flexibeler dan zelf met javascript aan de gang.
 
Ik denk haast dat de topicstarter z'n probleem intussen wel opgelost heeft...

Aangezien je op een topic van bijna 10 maanden geleden reageert...

En trouwens, flexibeler dan zelf met javascript aan de gang gaan? Kom op zeg, je hebt wel ultieme vrijheid (lees: flexibiliteit) als je zelf je javascript schrijft... Je weet zelf het best wat je wilt maken.
 
Laatst bewerkt:
ErikBooy007 zei:
flexibeler dan zelf met javascript aan de gang gaan? Kom op zeg, je hebt wel ultieme vrijheid (lees: flexibiliteit) als je zelf je javascript schrijft.
Klik om te vergroten...

Ja, je hebt wel gelijk, maar ik bedoel flexibiliteit in de zin van: als het met deze op een of andere manier niet bevalt dan mik je het er zo uit en dan doe je weer wat anders. Maar na 10 maanden misschien niet zo heel zinvol meer... :o
 
Oké, daar heb je wel gelijk in. Dan was m'n opmerking misschien een beetje bot.

:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan