jQuery en joomla 1.5

carlosrp · #1 (**permalink**) 12/07/2011, 11:06

Hola!!

Tengo el siguiente script en jquery que despliega un calendario para poner una fecha en un formulario, el caso es que funciona bien, pero cuando lo meto en un wrapper en joomla el calendario no se muestra.

Segun he podido averiguar es un problema de compatilibilidad con mootools pero no he conseguido encontrar una solucion para que esto pueda funcionar en joomla. A ver si podeis echarme una mano o guiarme un poco.

Código:

<html>
<head>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link type="text/css" href="css/cupertino/jquery-ui-1.8.11.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>


<script>

jQuery(function($){
	$.datepicker.regional['es'] = {
		closeText: 'Cerrar',
		prevText: '&#x3c;Ant',
		nextText: 'Sig&#x3e;',
		currentText: 'Hoy',
		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
		'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
		'Jul','Ago','Sep','Oct','Nov','Dic'],
		dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
		dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
		weekHeader: 'Sm',
		dateFormat: 'dd/mm/yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['es']);
});
</script>

<script>

$(function() {
		$( "#datepicker" ).datepicker({
			numberOfMonths: 2,
                        minDate: 2,
                        maxDate: "+3M +10D",
                        dateFormat:"dd/mm/yy"

		});
	});
	</script>

  <script>
      $(function(){
         $('#timestart').timepickr({
         handle: '#trigger-test'
         convention: 12 });
});
</script>
</head>


<body>
<form action="" method="GET" name="datos">
<TABLE BORDER="0" CELLSPACING="20">
<TR>
   <TH ALIGN="left">Nombre:<br><input name="nombre" type="text" />
         <br>Email</br><input name="email" type="text" />
         <br>Fecha Reserva:</br><input name="fecha" type="text" id="datepicker" readonly="readonly" />

</TR>

</TABLE>
     <input name="Enviar" type="submit" value="Enviar"/>
</form>

<?php

    $enviar = "Datos Reserva\n";
    $enviar .= "Nombre: " . $_GET["nombre"] . "\n";
    $enviar .= "Email: " . $_GET["email"] . "\n";
    $enviar .= "Fecha Recogida: " . $_GET["fecha"] . "\n";
  

    if(isset($_GET['Enviar'])){


    $cabeceras = "Bcc:[email protected]\r\n";
    mail($_GET['email'],"datos",$enviar, $cabeceras);

     } 

?>
</body>
</html>