Help Calendar wont appear

gerdydog · 01-01-2013, 02:47 PM

Hi,

Can someone please help me. If you go to the following web address: http://www.belfast-hen-stag.co.uk//h...-hotel-belfast you will see a button called "check dates". When you push this a drop down calendar is meant to appear but all that is happening is that the loading circle is spinning.

Can someone please tell me if this is a javascript problem.

Thanks for you time.

Gerard

sunfighter · 01-02-2013, 03:38 PM

Any time you change the web page you have to use javascript or some framework like jquery or mootools. So yes this is a js problem, but I can't find it. Here's what your button looks like:

Code:

<span class="button button-white trigger open">
<button class="reservation" name="check-button" value = "Check dates" type = 'button'>Check dates</button>
</span>

I see no onclick instructions so I assume it's controlled by jquery, But can't find it in the html of the page. Here are some external sheets the code calls. You might want to look there. Hope you can do a search across all files.

Code:

  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/media/system/js/core.js" type="text/javascript"></script>
  <script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
  <script src="/media/system/js/modal.js" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
  <script src="/components/com_k2/js/k2.js" type="text/javascript"></script>
  <script src="/administrator/components/com_jhotelreservation/assets/utils.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="/administrator/components/com_jhotelreservation/assets/jquery-ui.min.js" type="text/javascript"></script>
  <script src="/administrator/components/com_jhotelreservation/assets/js/jquery.blockUI.js" type="text/javascript"></script>
  <script src="/administrator/components/com_jhotelreservation/assets/image.js" type="text/javascript"></script>
  <script src="/components/com_jhotelreservation/assets/js/jquery.opacityrollover.js" type="text/javascript"></script>
  <script src="/components/com_jhotelreservation/assets/js/jquery.galleriffic.js" type="text/javascript"></script>
  <script src="/components/com_jhotelreservation/assets/js/jhotelreservationcalendar.js" type="text/javascript"></script>
  <script src="/media/system/js/calendar.js" type="text/javascript"></script>
  <script src="/media/system/js/calendar-setup.js" type="text/javascript"></script>
  <script src="/components/com_jhotelreservation/assets/js/search.js" type="text/javascript"></script>
  <script src="http://www.belfast-hen-stag.co.uk/templates/gk_finance_business/js/menu.gkmenu.js" type="text/javascript"></script>
  <script src="http://www.belfast-hen-stag.co.uk/templates/gk_finance_business/js/gk.scripts.js" type="text/javascript"></script>
  <script src="/media/system/js/validate.js" type="text/javascript"></script>
  <script src="http://api.recaptcha.net/js/recaptcha_ajax.js" type="text/javascript"></script>

I'd start here:

Code:

  <script src="/media/system/js/calendar.js" type="text/javascript"></script>
  <script src="/media/system/js/calendar-setup.js" type="text/javascript"></script>

xelawho · 01-03-2013, 01:07 AM

If that is the list of external scripts you are including, I'm surprised your page works at all - I count two versions of jQuery PLUS mootools

have a look here for some reasons why this is a bad idea