Hi, i just bought this beautiful travel template, is in joomla 2.5, and it has a booking fields to choose a date of checkin and checkout, so i found a datepicker and i made it work in the browser and in dreamweaver, now i need to make it work on this template this is the code of the datepicker:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JA PRUEBAS</title>
<link rel="stylesheet" href="jquery-ui-1.8.21.custom.css" type="text/css" />
<link rel="stylesheet" href="demos.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqueryui.js"></script>
<script type="text/javascript" src="modice_dates.js"></script>
<script type="text/javascript">
window.modicebooking = {
DATE_FORMAT: "dd-mm-yy",
JANUARY: "Enero",
FEBRUARY: "Febrero",
MARCH: "Marzo",
APRIL: "Abril",
MAY: "Mayo",
JUNE: "Junio",
JULY: "Julio",
AUGUST: "Agosto",
SEPTEMBER: "Septiembre",
OCTOBER: "Octubre",
NOVEMBER: "Noviembre",
DECEMBER: "Diciembre",
MONDAY_MIN: "Lu",
TUESDAY_MIN: "Ma",
WEDNESDAY_MIN: "Mi",
THURSDAY_MIN: "Ju",
FRIDAY_MIN: "Vi",
SATURDAY_MIN: "Sa",
SUNDAY_MIN: "Do",
ERROR_DEPARTURE_BEFORE_ARRIVAL: "La salida es anterior a la llegada",
ERROR_ARRIVAL_PAST: "La fecha de llegada ya ha pasado",
ERROR_DEPARTURE_PAST: "La fecha de salida ya ha pasado",
ERROR_DEPARTURE_PAST: "La fecha de salida ya ha pasado",
ERROR_RECHECK_DATES: "Por favor, controlar fechas",
MIN_BOOKING_DAYS: "1",
MAX_BOOKING_DAYS: "",
MAX_DATE: "01-11-2013",
ARRIVAL_WEEKDAY: "",
DEPARTURE_WEEKDAY: "",
FIRST_DAY: "1",
MODULE_IMAGE_DIR: "images/",
SHOW_ICON: "1",
INCLUSIVE_BOOKING: "1"
};
</script>
</head>
<body>
<div class="form-value">
<div class="clearfix">
<p class="text-form"><label>Encontrar Vuelos a:</label> <input class="inputbox" type="text" name="hotel" value="ex. Paris" size="18" alt="username" /><br /><span>City, airport, attraction</span></p>
<p class="text-form check"><label>Entrada:</label><span><input id="iceArrival" readonly="readonly" type="text" name="arrival" value="""" size="18" alt="dd/mm/yy"/></span></p>
<p class="text-form check"><label>Salida:</label><span><input id="iceDeparture" readonly="readonly" type="text" name="departure" value="" size="18" alt="dd/mm/yy"/></span></p>
</div>
<div class="clearfix">
<p class="text-form"><label>Room</label> <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select></p>
<p class="text-form"><label>Adults:</label> <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select><br /><span>18+ yrs.</span></p>
<p class="text-form"><label>Children:</label> <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select><br /><span>1-17 yrs.</span></p>
<input class="button" type="submit" name="Find hotels" value="Find flights" />
</div>
</div>
<!-- ???? -->
<input name='iceItemsInfo' type='hidden' value='{"1":{"adults":"12","childrens":"2","guests":"14"},"3":{"adults":"4","childrens":"2","guests":"6"},"5":{"adults":"10","childrens":"4","guests":"14"},"17":{"adults":"10","childrens":"0","guests":"10"},"19":{"adults":"0","childrens":"0","guests":"0"}
,"21":{"adults":"4","childrens":"0","guests":"4"},"24":{"adults":"10","childrens":"5","guests":"15"},"26":{"adults":"2","childrens":"0","guests":"2"}}'/>
<!-- ???? -->
</body>
</html>
NOW i call this people where i bought the template and they told me to put the <head> code in the head.php file, this is the code of the head.php file:
<?php
/**
------------------------------------------------------------------------
JA T3 System Plugin for Joomla 2.5
------------------------------------------------------------------------
Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
@license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
Author: J.O.O.M Solutions Co., Ltd
Websites: http://www.joomlart.com - http://www.joomlancers.com
------------------------------------------------------------------------
*/
// No direct access
defined('_JEXEC') or die;
?>
<script type="text/javascript">
var siteurl='<?php echo JURI::base(true) ?>/';
var tmplurl='<?php echo JURI::base(true)."/templates/".T3_ACTIVE_TEMPLATE ?>/';
var isRTL = <?php echo $this->isRTL()?'true':'false' ?>;
</script>
<jdoc:include type="head" />
<?php if (T3Common::mobile_device_detect()=='iphone'):?>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=1;" />
<meta name="apple-touch-fullscreen" content="YES" />
<?php endif;?>
<?php if (T3Common::mobile_device_detect()):?>
<meta name="HandheldFriendly" content="true" />
<?php endif;?>
<link href="<?php echo T3Path::getUrl('images/favicon.ico') ?>" rel="shortcut icon" type="image/x-icon" />
<?php JHTML::stylesheet ('', 'templates/system/css/system.css') ?>
<?php JHTML::stylesheet ('', 'templates/system/css/general.css') ?>
SO how can i do this? i dont have even the smallest idea, i woul´d really apreciate any help
Thanks in advance