Attempting to Use JQuery Plugin

14 months ago
Modules & Plugins

tiolions

tiolions
14 months ago

Hi All -

I'm trying to use JQuery for use in a countdown timer on my joomla site. In looking at my page's head section, it appears everything is correct. The head looks like this:

<head>



  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <meta name="robots" content="index, follow" />

  <meta name="keywords" content="joomla, Joomla" />

  <meta name="title" content="Ascent" />

  <meta name="author" content="Administrator" />

  <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />

  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management; Joomla jQuery plugin by http://www.corejoomla.com" />



  <title>Ascent</title>

  <script type="text/javascript" src="/blackcanyonraceseries/media/system/js/mootools.js"></script>

  <script type="text/javascript" src="/blackcanyonraceseries/media/system/js/caption.js"></script>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

  <script type="text/javascript" src="/blackcanyonraceseries/plugins/corejoomla/jquery/jquery.noconflict.js"></script>

  <script type="text/javascript" src="/blackcanyonraceseries/media/system/js/jquery.countdown.js"></script>





 <link rel="stylesheet" href="/blackcanyonraceseries/templates/system/css/system.css" type="text/css" /> 

 <link rel="stylesheet" href="/blackcanyonraceseries/templates/system/css/general.css" type="text/css" /> 

 <link rel="stylesheet" href="/blackcanyonraceseries/templates/blackcanyonracesinfo/css/default.css" type="text/css" /> 



<script type="text/javascript">

$(function () {

$('#countdown').countdown({until:$.countdown.UTCDate(-6, 2011,  4, 14), format: 'DHMS', layout: 

						  '<div id="timer">' +

							  '<div id="timer_days" class="timer_numbers">{dnn}</div>'+

							  '<div id="timer_hours" class="timer_numbers">{hnn}</div>'+ 

							  '<div id="timer_mins" class="timer_numbers">{mnn}</div>'+

							  '<div id="timer_seconds" class="timer_numbers">{snn}</div>'+

							'<div id="timer_labels">'+

								'<div id="timer_days_label" class="timer_labels">days</div>'+

								'<div id="timer_hours_label" class="timer_labels">hours</div>'+

								'<div id="timer_mins_label" class="timer_labels">mins</div>'+

								'<div id="timer_seconds_label" class="timer_labels">secs</div>'+

							'</div>'+							

						'</div>'

						  

});

});

</script>

</head>

Nothing appearing in the countdown div. Have I used the jquery plugin correctly?

Any other thoughts. Thanks :)

Access to viewing replies is restricted.

Showing 11 of 11 replies

You do not have permissions for replying to this topic.

Attempting to Use JQuery Plugin

Forums