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

    When posting, please use the forum markup tags provided and described in the FAQs to mark up your code.

    As for where the included file is supposed to go: I don't have Joomla's documentation handy, and I haven't got any of the documentation that came with the template you bought (those would be the places I'd look for information); but I would guess that the header include would go in the header of the document where it is to be used, i.e., between the [font=monospace]<head>...</head>[/font] tags.

      Write a Reply...