/// ------------------------ begin metadata ------------------------
(function($) {
$.extend({
metadata : {
defaults : {
type: 'class',
name: 'metadata',
cre: /({.*})/,
single: 'metadata'
},
setType: function( type, name ){
this.defaults.type = type;
this.defaults.name = name;
},
get: function( elem, opts ){
var settings = $.extend({},this.defaults,opts);
// check for empty string in single property
if ( !settings.single.length ) settings.single = 'metadata';
var data = $.data(elem, settings.single);
// returned cached data if it already exists
if ( data ) return data;
data = "{}";
if ( settings.type == "class" ) {
var m = settings.cre.exec( elem.className );
if ( m )
data = m[1];
} else if ( settings.type == "elem" ) {
if( !elem.getElementsByTagName ) return;
var e = elem.getElementsByTagName(settings.name);
if ( e.length )
data = $.trim(e[0].innerHTML);
} else if ( elem.getAttribute != undefined ) {
var attr = elem.getAttribute( settings.name );
if ( attr )
data = attr;
}
if ( data.indexOf( '{' ) <0 )
data = "{" + data + "}";
data = eval("(" + data + ")");
$.data( elem, settings.single, data );
return data;
}
}
});
$.fn.metadata = function( opts ){
return $.metadata.get( this[0], opts );
};
})(jQuery);
/// ------------------------ end metadata ------------------------
/// ------------------------ begin rating ------------------------
/*# AVOID COLLISIONS #*/
;if(window.jQuery) (function($){
/*# AVOID COLLISIONS #*/
// default settings
$.rating = {
cancel: '', // advisory title for the 'cancel' link
cancelValue: '', // value to submit when user click the 'cancel' link
split: 0, // split the star into how many parts?
// Width of star image in case the plugin can't work it out. This can happen if
// the jQuery.dimensions plugin is not available OR the image is hidden at installation
starWidth: 11,
//NB.: These don't need to be defined (can be undefined/null) so let's save some code!
//half: false, // just a shortcut to settings.split = 2
//required: false, // disables the 'cancel' button so user can only select one of the specified values
//readOnly: false, // disable rating plugin interaction/ values cannot be changed
//focus: function(){}, // executed when stars are focused
//blur: function(a,b){ alert(a); }, // executed when stars are focused
callback: function(value,b)
{
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "services/CommentService.asmx/SubmitRating",
data: b.className,
dataType: "json"
});
}, // executed when a star is clicked
// required properties:
groups: {},// allows multiple star ratings on one page
event: {// plugin event handlers
fill: function(n, el, settings, state){ // fill to the current mouse position.
//if(window.console) console.log(['fill', $(el), $(el).prevAll('.star_group_'+n), arguments]);
this.drain(n);
$(el).prevAll('.star_group_'+n).andSelf().addClass('star_'+(state || 'hover'));
// focus handler, as requested by focusdigital.co.uk
var lnk = $(el).children('a'); val = lnk.text();
if(settings.focus) settings.focus.apply($.rating.groups[n].valueElem[0], [val, lnk[0]]);
},
drain: function(n, el, settings) { // drain all the stars.
if($.rating.groups[n].readOnly)
return;
//if(window.console) console.log(['drain', $(el), $(el).prevAll('.star_group_'+n), arguments]);
$.rating.groups[n].valueElem.siblings('.star_group_'+n).removeClass('star_on').removeClass('star_hover');
},
reset: function(n, el, settings){ // Reset the stars to the default index.
if(!$($.rating.groups[n].current).is('.cancel'))
$($.rating.groups[n].current).prevAll('.star_group_'+n).andSelf().addClass('star_on');
// blur handler, as requested by focusdigital.co.uk
var lnk = $(el).children('a'); val = lnk.text();
if(settings.blur) settings.blur.apply($.rating.groups[n].valueElem[0], [val, lnk[0]]);
},
click: function(n, el, settings){ // Selected a star or cancelled
$.rating.groups[n].current = el;
var lnk = $(el).children('a'); var val = lnk.attr('title');
// Set value
$.rating.groups[n].valueElem.val(val);
// Update display
$.rating.event.drain(n, el, settings);
$.rating.event.reset(n, el, settings);
// click callback, as requested here: http://plugins.jquery.com/node/1655
if(settings.callback) settings.callback.apply($.rating.groups[n].valueElem[0], [val, lnk[0]]);
el.parentNode.innerHTML = '';
}
}// plugin events
};
$.fn.rating = function(instanceSettings){
if(this.length==0) return this; // quick fail
instanceSettings = $.extend(
{}/* new object */,
$.rating/* global settings */,
instanceSettings || {} /* just-in-time settings */
);
// loop through each matched element
this.each(function(i){
var settings = $.extend(
{}/* new object */,
instanceSettings || {} /* current call settings */,
($.metadata? $(this).metadata(): ($.meta?$(this).data():null)) || {} /* metadata settings */
);
////if(window.console) console.log([this.name, settings.half, settings.split], '#');
// Generate internal control ID
// - ignore square brackets in element names
var n = this.name.replace(/\[|\]/, "_");
// Grouping
if(!$.rating.groups[n]) $.rating.groups[n] = {count: 0};
i = $.rating.groups[n].count; $.rating.groups[n].count++;
// Accept readOnly setting from 'disabled' property
$.rating.groups[n].readOnly = $.rating.groups[n].readOnly || settings.readOnly || $(this).attr('disabled');
// Things to do with the first element...
if(i == 0){
// Create value element (disabled if readOnly)
$.rating.groups[n].valueElem = $('');
// Insert value element into form
$(this).before($.rating.groups[n].valueElem);
//
if($.rating.groups[n].readOnly || settings.required){
// DO NOT display 'cancel' button
}
else{
// Display 'cancel' button
$(this).before(
$('
')
);
}
}; // if (i == 0) (first element)
if(i==4)
{
$(this).after(
$('
')
);
};
// insert rating option right after preview element
eStar = $('
';
}
}// plugin events
};
$.fn.rating = function(instanceSettings){
if(this.length==0) return this; // quick fail
instanceSettings = $.extend(
{}/* new object */,
$.rating/* global settings */,
instanceSettings || {} /* just-in-time settings */
);
// loop through each matched element
this.each(function(i){
var settings = $.extend(
{}/* new object */,
instanceSettings || {} /* current call settings */,
($.metadata? $(this).metadata(): ($.meta?$(this).data():null)) || {} /* metadata settings */
);
////if(window.console) console.log([this.name, settings.half, settings.split], '#');
// Generate internal control ID
// - ignore square brackets in element names
var n = this.name.replace(/\[|\]/, "_");
// Grouping
if(!$.rating.groups[n]) $.rating.groups[n] = {count: 0};
i = $.rating.groups[n].count; $.rating.groups[n].count++;
// Accept readOnly setting from 'disabled' property
$.rating.groups[n].readOnly = $.rating.groups[n].readOnly || settings.readOnly || $(this).attr('disabled');
// Things to do with the first element...
if(i == 0){
// Create value element (disabled if readOnly)
$.rating.groups[n].valueElem = $('');
// Insert value element into form
$(this).before($.rating.groups[n].valueElem);
//
if($.rating.groups[n].readOnly || settings.required){
// DO NOT display 'cancel' button
}
else{
// Display 'cancel' button
$(this).before(
$('')
);
}
}; // if (i == 0) (first element)
if(i==4)
{
$(this).after(
$('')
);
};
// insert rating option right after preview element
eStar = $('');
$(this).after(eStar);
// Half-stars?
if(settings.half) settings.split = 2;
// Prepare division settings
if(typeof settings.split=='number' && settings.split>0){
var stw = ($.fn.width ? $(eStar).width() : 0) || settings.starWidth;
var spi = (i % settings.split), spw = Math.floor(stw/settings.split);
$(eStar)
// restrict star's width and hide overflow (already in CSS)
.width(spw)
// move the star left by using a negative margin
// this is work-around to IE's stupid box model (position:relative doesn't work)
.find('a').css({ 'margin-left':'-'+ (spi*spw) +'px' })
};
// Remember group name so controls within the same container don't get mixed up
$(eStar).addClass('star_group_'+n);
// readOnly?
if($.rating.groups[n].readOnly){
// Mark star as readOnly so user can customize display
$(eStar)
.addClass('star_readonly');
//alert([this.name,this.value,this.checked].join('\n'));
}
else{
$(eStar)
// Enable hover css effects
.addClass('star_live')
// Attach mouse events
.mouseover(function(){ $.rating.event.drain(n, this, settings); $.rating.event.fill(n, this, settings, 'hover'); })
.mouseout(function(){ $.rating.event.drain(n, this, settings); $.rating.event.reset(n, this, settings); })
.click(function(){ $.rating.event.click(n, this, settings); });
};
if(window.console) console.log(['#####', n, this.checked, $.rating.groups[n].initial,i,this.length]);
if(this.checked) $.rating.groups[n].current = eStar;
//remove this checkbox
$(this).remove();
// reset display if last element
if(i + 1 == this.length)
{
$.rating.event.reset(n, this, settings);
}
//
}); // each element
// initialize groups...
for(n in $.rating.groups)//{ not needed, save a byte!
(function(c, v, n){ if(!c) return;
$.rating.event.fill(n, c, instanceSettings || {}, 'on');
$(v).val($(c).children('a').text());
})
($.rating.groups[n].current, $.rating.groups[n].valueElem, n);
//}; not needed, save a byte!
return this; // don't break the chain...
};
/*
### Default implementation ###
The plugin will attach itself to file inputs
with the class 'multi' when the page loads
*/
$(function(){ $('input[@type=radio].star').rating(); });
/*# AVOID COLLISIONS #*/
})(jQuery);
/*# AVOID COLLISIONS #*/
/// ------------------------ end rating ------------------------
/// ------------------------ begin jTemplates ------------------------
/* jTemplates 0.7.5 (http://jtemplates.tpython.com) Copyright (c) 2008 Tomasz Gloc */
eval(function(p,a,c,k,e,r){e=function(c){return(c