');
this.target = $dialog;
$dialog.hide();
this.mask({
show : settings.mask,
fixed : settings.fixed,
color : settings.maskColor,
style : settings.maskStyle,
zIndex : settings.zIndex - 1,
opacity : settings.maskOpacity
});
$("body").append($dialog);
$dialog.attr({
id : settings.id,
type : settings.type
});
if(settings.radius) $dialog.addClass('pui-radius');
var type = settings.type;
this.signleCloseBtn = '
';
this.header(settings.header);
this.content({
url : settings.url,
from : settings.from,
padding : settings.padding,
content : settings.content,
buttons : settings.buttons
});
this.footer(settings.footer);
this.width(settings.width);
this.height(settings.height);
this.fixed(settings.fixed);
this.zIndex(settings.zIndex);
this.toolbar(settings.toolbar);
$dialog.css(settings.style).addClass(settings.addClass);
this.show();
if (settings.drag)
{
var dragTarget = $dialog.children(settings.dragTarget);
/*if (settings.dragEvent === "all" || settings.dragEvent === "touch")
{
dragTarget.touchDraggable({
parent : true
});
}*/
$dialog.draggable({
target : dragTarget,
parent : true,
touch : (settings.dragEvent === "all" || settings.dragEvent === "touch") ? true : false
});
}
if (/(iPad|iPhone|iPod)/.test(navigator.userAgent))
{
$dialog.children("section.has-iframe").css("overflow", "auto");
$dialog.children("section").bind("touchmove", function(event) {
$("html, body").css("overflow", "hidden");
event.stopPropagation();
});
}
$(".pui-dialog > *").bind($.clickOrTouch(), function() {
$.dialogIndex ++;
$(this).parent().css("zIndex", $.dialogIndex);
});
$dialog.bind('dialog.reset', function() {
_this.reset(_this.onreset);
});
$(window).resize(function(){
$dialog.trigger('dialog.reset');
});
$.dialogIndex++;
dialog.list[this.id] = this;
this.timeout(settings.timeout);
return this;
};
dialog.proxy = function(func) {
var self = this;
return (function() {
return func.apply(self, arguments);
});
};
dialog.creater.fn = dialog.creater.prototype = {
proxy : dialog.proxy,
status : "",
parent : "",
children : "",
title : function(title) {
var settings = this.settings;
var target = this.target;
if(this.type == "window" || this.type == "iframe")
{
var _header = target.children('header');
var hasHeader = (_header.length > 0);
var title = (title || settings.title) || (_header.find("strong").text() || "");
_header.find('strong').html(title);
}
return this;
},
lockScreen : function(lock) {
$('body,html').css('overflow', (lock) ? 'hidden' : '');
},
mask : function(options) {
var settings = this.settings;
var target = this.target;
if(options.show)
{
var color = options.color || "#000";
var opacity = (typeof options.opacity == "number") ? options.opacity : 0.5;
var style = options.style || {};
var fixed = options.fixed || true;
var id = this.id + '-mask';
var hasMask = ($("#"+id).length > 0);
var mask = (hasMask) ? $("#"+id) : $('
');
if(options.fixed) mask.addClass('pui-mask-fixed');
mask.hide();
mask.css({
backgroundColor : color,
zIndex: options.zIndex || ($.dialogIndex - 1),
opacity : opacity
}).css(style);
if (!hasMask)
{
$("body").append(mask);
}
mask.fadeIn();
if (settings.maskClickClosed)
{
mask.css("cursor", "pointer").bind($.clickOrTouch(), this.proxy(function(){
this.close();
}));
}
else
{
mask.css("cursor", "default");
}
}
return this;
},
header : function(options) {
var settings = this.settings;
var target = this.target;
var type = this.type;
if (settings.type == "window" || settings.type == "iframe")
{
var _header = target.children('header');
var hasHeader = (_header.length > 0);
var title = (options.title || settings.title) || (_header.find("strong").text() || "");
var subTitle = options.subTitle;
var style = options.style;
var className = options.className;
var icon = options.icon;
var titleStyle = options.titleStyle;
if (hasHeader)
{
if (typeof options == "boolean" && !options)
{
_header.remove();
}
else
{
style = (typeof style == "undefined") ? (_header.attr('style') || "") : style;
className = (typeof className == "undefined") ? (_header.attr('class') || "") : className;
titleStyle = (typeof titleStyle == "undefined") ? (_header.children("strong").attr('style') || "") : titleStyle;
subTitle = (typeof subTitle == "undefined") ? (_header.find('small')[0].outerHTML || "") : subTitle;
icon = (typeof icon == "undefined") ? (_header.find(".fa")[0].outerHTML || "") : icon;
_header.attr({"style" : style, "class" : className});
_header.find('strong').attr("style", titleStyle).html(icon + title + subTitle);
}
}
else
{
style = style || "";
style = (style != "" ? ' style="'+style+'"' : "");
className = className || "";
className = (className != "" ? ' class="'+className+'"' : "");
titleStyle = titleStyle || "";
titleStyle = (titleStyle != "") ? ' style="'+titleStyle+'"' : "";
subTitle = subTitle || "";
icon = icon || "";
var headerHTML = '
'+icon+title+subTitle+'';
if (target.children('section').length > 0)
{
target.children('section').before(headerHTML);
}
else
{
target.append(headerHTML);
}
}
target.trigger('dialog.reset');
}
return this;
},
content : function(options) {
var target = this.target;
var type = this.type;
var settings = this.settings;
var section = target.children('section');
var padding = options.padding;
var content = options.content;
var from = options.from || "";
var buttons = options.buttons || settings.buttons;
if (typeof options === "string") {
content = options;
}
if (type === "iframe") {
padding = 0;
}
if (type !== "iframe" && from !== "") {
content = $(from).html();
}
if (section.length > 0)
{
if (type !== "iframe")
{
padding = (typeof padding == "undefined") ? (section.css('padding') || 0) : padding;
content = (typeof content == "undefined") ? (section.html() || "") : content;
section.css("padding", padding).html(content);
}
else
{
section.children('iframe').attr('src', options.url || content);
}
}
else
{
if (type === "iframe")
{
padding = 0;
content = '';
}
if (type === "prompt" || type === "prompt-app")
{
if(type === "prompt") {
padding = padding + "px " + padding + "px 0 "+padding;
}
content = ''+settings.title+'
'+content+'
loading....
';
}
}
if (type === "image")
{
var imageURL = content;
}
var buttonsClass = buttons['class'];
var html = '';
if (type === "alert")
{
html += '';
}
if (type === "alert-app")
{
html += '';
}
if (type === "confirm")
{
html += '';
}
if (type === "confirm-app")
{
html += '';
}
if (type === "prompt")
{
html += '';
}
if (type === "prompt-app")
{
html += '';
}
target.append(html);
if(type === "image")
{
target.children('section').html('图片加载中...');
if(typeof imageURL === "object")
{
}
else
{
var image = new Image();
image.className = "pui-size-auto";
image.onload = function() {
target.children('section').html(image);
target.trigger('dialog.reset');
};
image.src = imageURL;
}
}
}
if(type === "iframe")
{
section = target.children('section');
var iframe = section.children('iframe');
this.proxy(this.onbeforeload)();
iframe[0].contentWindow.onload = iframe[0].contentWindow.onreadystatechange = this.proxy(this.onload);
}
if (type === "alert" || type === "alert-app" || type === "confirm" || type === "confirm-app") {
target.find('[button="yes"]').bind($.clickOrTouch(), this.proxy(function(){
this.proxy(this.yes || new Function)();
this.close();
}));
}
if (type === "prompt" || type === "prompt-app") {
target.find('[button="yes"]').bind($.clickOrTouch(), this.proxy(function(){
this.proxy(this.yes || new Function)();
}));
}
if (type === "confirm" || type === "confirm-app" || type === "prompt" || type === "prompt-app") {
target.find('[button="cancel"]').bind($.clickOrTouch(), this.proxy(function(){
this.proxy(this.cancel || new Function)();
this.close();
}));
}
target.trigger('dialog.reset');
return this;
},
footer : function(content) {
var settings = this.settings;
if (settings.type === "window" || settings.type === "iframe")
{
var target = this.target;
var _footer = target.children('footer');
if (_footer.length > 0)
{
if (typeof content === "boolean" && !content)
{
_footer.remove();
}
else
{
content = (typeof content === "undefined") ? (_footer.html() || "") : content;
_footer.html(content);
}
}
else
{
if(content !== "") target.append('');
}
target.trigger('dialog.reset');
}
return this;
},
toolbar : function(options) {
var settings = this.settings;
var target = this.target;
var signleClose = target.children('.pui-close');
var hasSignleClose = (signleClose.length > 0);
if (typeof options === "boolean" && !options)
{
if (hasSignleClose) signleClose.remove();
}
if (typeof options === "string" && options === 'close')
{
if (signleClose.length < 1)
{
target.append(this.signleCloseBtn);
target.children('.pui-close').bind($.clickOrTouch(), this.proxy(function(){
this.close();
}));
}
}
if (settings.type === "window" || settings.type === "iframe")
{
var toolbar = target.children('.pui-dialog-toolbar');
var hasToolbar = (toolbar.length > 0);
if (typeof options === "boolean" && !options)
{
if(hasToolbar) toolbar.remove();
}
if (typeof options === "object")
{
if(hasSignleClose) signleClose.remove();
var list = options;
console.log(list);
var defaults = {
close : {
show : true,
title : "关闭"
},
min : {
show : false,
title : "最小化"
},
max : {
show : false,
title : "最大化"
},
blank : {
show : false,
title : "新窗口打开"
},
refresh: {
show : false,
title : "刷新窗口"
}
};
options = $.extend(defaults, options);
var _this = this;
var close = options.close;
var min = options.min;
var max = options.max;
var blank = options.blank;
var refresh = options.refresh;
if (hasToolbar)
{
if(!close) toolbar.find('.pui-dialog-close').remove();
if(!min) toolbar.find('.pui-dialog-min').remove();
if(!max) toolbar.find('.pui-dialog-max').remove();
if(!blank) toolbar.find('.pui-dialog-blank').remove();
if(!refresh) toolbar.find('.pui-dialog-refresh').remove();
}
else
{
toolbar = $('
');
target.append(toolbar);
for (var i in list)
{
var item = list[i];
if ( (typeof item == "boolean" && item) || item.show || typeof item == "function")
{
var btn = "";
switch (i) {
case "close" :
btn = ''+message[x]+' ');
}
//console.log("$(this).length", element.length);
element.bind((type == "file" || element[0].tagName == "SELECT") ? "change" : "blur", function(event) {
validator($(this));
});
}
submitBtn.bind($.clickOrTouch() || "click", function() {
var errors = 0;
for (var i in options)
{
var element = form.find('[name="'+i+'"]');
if(!validator(element)) errors++;
}
console.log("errors =>", errors);
if (errors > 0) return false;
else
{
if (typeof ajaxSubmit == "object")
{
$.ajax($.extend({
type : "post",
data : form.serializeArray()
}, ajaxSubmit));
return false;
}
else
{
form.submit();
}
}
});
return this;
};
})(PlaneUI);
(function($) {
$.fn.hoverScroller = function(options) {
options = options || {};
var defaults = {
target : "img",
scrollType : "marginTop", // transform
speed : 600
};
var settings = $.extend(defaults, options);
$(this).each(function() {
var timer;
var $this = $(this);
var target = $(this).find(settings.target);
function scrollTop() {
var speed = 0;
var targetHeight = parseInt(target.height());
$(this).css("cursor", "pointer");
timer = setInterval(function() {
speed += Math.floor(targetHeight / 200);
target.css({marginTop : "-" + speed + "px"});
var nowTop = parseInt(target.css("marginTop"));
if (-nowTop >= targetHeight - $this.height())
{
target.css({marginTop : "-" + (targetHeight - $this.height()) + "px)"});
clearInterval(timer);
}
}, settings.speed / 10);
}
function scrollDown() {
$(this).css("cursor", "");
clearInterval(timer);
target.animate({marginTop : 0}, settings.speed);
}
$this.css("overflow", "hidden").hover(scrollTop, scrollDown);
});
};
})(PlaneUI);
(function($) {
// 在可视窗口的上面
$.inScreenAbove = function(element, threshold) {
var top = $(window).scrollTop(), $el = $(element);
if ($el.length < 1) {
throw new TypeError("$.inScreenAbove(): element don't exist.");
}
return (top >= $el.offset().top + $el.height() - (threshold || 0));
};
// 在可视窗口的下面
$.inScreenBelow = function(element, threshold) {
var $window = $(window), $el = $(element);
if ($el.length < 1) {
throw new TypeError("$.inScreenBelow(): element don't exist.");
}
return ($window.height() + $window.scrollTop() <= $el.offset().top - (threshold || 0));
};
$.inScreenLeft = function(element, threshold) {
var left = $(window).scrollLeft(), $el = $(element);
if ($el.length < 1) {
throw new TypeError("$.inScreenLeft(): element don't exist.");
}
return (left >= $el.offset().left + $el.width() - (threshold || 0));
};
$.inScreenRight = function(element, threshold) {
var $window = $(window), $el = $(element);
if ($el.length < 1) {
throw new TypeError("$.inScreenRight(): element don't exist.");
}
return ($window.width() + $window.scrollLeft() <= $el.offset().left - (threshold || 0));
};
$.inViewport = function(element, threshold) {
if ($(element).length < 1) {
throw new TypeError("$.inViewport(): element don't exist.");
}
return (!$.inScreenLeft(element, threshold) &&
!$.inScreenRight(element, threshold) &&
!$.inScreenAbove(element, threshold) &&
!$.inScreenBelow(element, threshold));
};
$.extend($.expr[':'], {
"in-screen-below": function(el) {
return $.inScreenBelow(el);
},
"in-screen-above": function(el) {
return $.inScreenAbove(el);
},
"in-screen-left": function(el) {
return $.inScreenLeft(el);
},
"in-screen-right": function(el) {
return $.inScreenRight(el);
},
"in-viewport": function(el) {
return $.inViewport(el);
}
});
})(PlaneUI);
(function($) {
$(function() {
var subMenuClass = ".pui-sub-menu";
$(".pui-menu-accordion.click-toggle > li > a").bind($.clickOrTouch(), function() {
$(this).parent().toggleClass("submenu-open").children(subMenuClass).slideToggle();
});
$(".pui-menu-accordion.click > li > a").bind($.clickOrTouch(), function() {
var li = $(this).parent();
if (!li.hasClass("submenu-open")) {
li.parent().find("li").removeClass("submenu-open").find(subMenuClass).slideUp();
li.toggleClass("submenu-open").children(subMenuClass).slideDown();
}
});
});
})(PUI);
(function ($) {
$.menuDropdown = function(options) {
var defaults = {
bind : "click",
target : "menu-dropdown-target",
direction : "default", // bottom-left
hasArrow : false,
contextMenuTarget : "show-context-menu",
callback : new Function
};
var settings = $.extend(defaults, options);
$("["+settings.contextMenuTarget+"]").bind($.contextMenuOrTouch(), function(event){
event = event || window.event;
var $this = $(this);
var target = $this.attr(settings.contextMenuTarget);
var targetObj = $(target);
var pageX = event.pageX;
var pageY = event.pageY;
if(event.type == "touchend") {
pageX = $this.offset().left;
pageY = $this.offset().top + $this.outerHeight();
}
targetObj.show().css({
top : pageY,
left : pageX
});
$(document).bind($.clickOrTouch(), function(){
targetObj.hide();
});
targetObj.mouseleave(function(){
targetObj.hide();
});
return false;
});
$("["+settings.target+"]").bind($.clickOrTouch(), function() {
var $this = $(this);
var target = $this.attr(settings.target);
var targetObj = $(target);
var direction = $this.attr("menu-dropdown-direction");
if(typeof(direction) == 'undefined' || direction == "") {
direction = settings.direction;
}
$this.find(".pui-btn").addClass("active");
targetObj.show();
switch(direction)
{
case "left-top":
targetObj.css({
top : $this.offset().top,
left : $this.offset().left - targetObj.outerWidth() - 4
});
break;
case "left-bottom":
targetObj.css({
top : $this.offset().top - targetObj.outerHeight() + $this.outerHeight(),
left : $this.offset().left - targetObj.outerWidth() - 4
});
break;
case "right-top":
targetObj.css({
top : $this.offset().top,
left : $this.offset().left + $this.outerWidth() + 4
});
break;
case "right-bottom":
targetObj.css({
top : $this.offset().top - targetObj.outerHeight() + $this.outerHeight(),
left : $this.offset().left + $this.outerWidth() + 4
});
break;
case "top-left":
targetObj.css({
top : $this.offset().top - 2 - (settings.hasArrow ? 8 : 0) - targetObj.outerHeight(),
left : $this.offset().left
});
break;
case "top-right":
targetObj.css({
top : $this.offset().top - 2 - (settings.hasArrow ? 8 : 0) - targetObj.outerHeight(),
left : $this.offset().left + $this.outerWidth() - targetObj.outerWidth()
});
break;
case "bottom-right":
targetObj.css({
top : $this.offset().top + $this.outerHeight() + 2 + (settings.hasArrow ? 8 : 0),
left : $this.offset().left + $this.outerWidth() - targetObj.outerWidth()
});
break;
case "bottom-left":
default:
targetObj.css({
top : $this.offset().top + $this.outerHeight() + 2 + (settings.hasArrow ? 8 : 0),
left : $this.offset().left
});
break;
}
$(document).bind($.clickOrTouch(), function() {
targetObj.hide();
$this.find(".pui-btn").removeClass("active");
});
return false;
});
};
$(function(){
$(".pui-menu > li").bind("touchend", function() {
$(this).children(".pui-menu-dropdown").show().mouseleave(function() {
$(this).hide();
});
});
$.menuDropdown();
});
})(PlaneUI);
(function ($) {
$(function() {
$(".pui-notice").each(function() {
var timeout = $(this).attr("notice-timeout");
var closeBtn = $(this).find(".pui-close");
if(typeof timeout !== "undefined") {
timeout = parseInt(timeout);
var timer = setTimeout(function(){
closeBtn.trigger($.clickOrTouch());
clearTimeout(timer);
}, timeout);
}
closeBtn.bind($.clickOrTouch(), function() {
$(this).parent().css({minHeight: 0}).slideUp(500, function() {
$(this).remove();
});
});
});
});
})(PlaneUI);
(function ($) {
var drawed = false;
$.fn.extend({
ringProgress : function(options) {
options = options || {};
var defaults = {
redraw : false,
sector : false,
ringColor : '#30C4E9',
ringWidth : 6,
bgColor : '#fff',
textColor : '#666',
textFontSize : '16px',
textFontFamily : 'Arial',
textAlign : 'center',
textBaseline : 'middle',
zero : false
};
// 设置优先级：HTML属性设置 > jQuery插件设置 > 默认值
var settings = $.extend(defaults, options);
var _this = this;
this.settings = settings;
this.test = function(){alert('test')};
this.each(function(i) {
var $this = $(this);
var canvas = this;
var text = $this.text();
var progress = parseInt(text);
var context = canvas.getContext('2d');
var width = canvas.width;
var height = canvas.height;
if(window.devicePixelRatio > 1 && settings.redraw) {
width /= 2;
height /= 2;
}
var radius = width / 2;
if(settings.zero) {
progress = 1;
text = "0%";
}
var sector = $this.attr('sector');
var ringColor = $this.attr('ring-color');
var ringWidth = $this.attr('ring-width');
var bgColor = $this.attr('bg-color');
var textColor = $this.attr('text-color');
var textFontSize = $this.attr('text-font-size');
var textFontFamily = $this.attr('text-font-family');
var textAlign = $this.attr('text-align');
var textBaseline = $this.attr('text-baseline');
if (typeof(sector) == 'undefined' || sector == '') {
this.sector = sector = settings.sector;
}
if (typeof(ringColor) == 'undefined' || ringColor == '') {
this.ringColor = ringColor = settings.ringColor;
}
if (typeof(ringWidth) == 'undefined' || ringWidth == '') {
this.ringWidth = ringWidth = settings.ringWidth;
}
if (typeof(bgColor) == 'undefined' || bgColor == '') {
this.bgColor = bgColor = settings.bgColor;
}
if (typeof(textColor) == 'undefined' || textColor == '') {
this.textColor = textColor = settings.textColor;
}
if (typeof(textFontSize) == 'undefined' || textFontSize == '') {
this.textFontSize = textFontSize = settings.textFontSize;
}
if (typeof(textFontFamily) == 'undefined' || textFontFamily == '') {
this.textFontFamily = textFontFamily = settings.textFontFamily;
}
if (typeof(textAlign) == 'undefined' || textAlign == '') {
this.textAlign = textAlign = settings.textAlign;
}
if (typeof(textBaseline) == 'undefined' || textBaseline == '') {
this.textBaseline = textBaseline = settings.textBaseline;
}
if(progress >= 100) {
progress = 99.9999;
}
else if(progress < 1) {
progress = 1;
}
//console.log(width, height, bgColor, ringColor);
(function (canvas, context) {
if(settings.redraw) {
return ;
}
var devicePixelRatio = window.devicePixelRatio || 1;
var backingStorePixelRatio = context.webkitBackingStorePixelRatio ||
context.mozBackingStorePixelRatio ||
context.msBackingStorePixelRatio ||
context.oBackingStorePixelRatio ||
context.backingStorePixelRatio || 1;
var ratio = devicePixelRatio / backingStorePixelRatio;
if (ratio > 1) {
canvas.style.height = canvas.height + 'px';
canvas.style.width = canvas.width + 'px';
canvas.width *= ratio;
canvas.height *= ratio;
context.scale(ratio, ratio);
}
})(canvas, context);
//console.log(window.devicePixelRatio+', '+canvas.width +', '+ canvas.height+', '+width+', '+height);
// 画底圆
context.clearRect(0, 0, width, height);
context.beginPath();
context.moveTo(width / 2, height / 2);
context.arc(width / 2, height / 2, radius, 0, Math.PI * 2, false);
context.closePath();
context.fillStyle = bgColor;
context.fill();
// 直接画圆环
//context.strokeStyle="#333";
//context.lineWidth= 5; // 线宽
//context.arc(width / 2, height / 2, radius - (5/2) , 0, Math.PI * 2, false);
//context.stroke();
// 画扇形(进度)
context.beginPath();
context.moveTo(width / 2, height / 2);
//整个圆为2PI，360 -> 1.5PI, 90 -> 0PI, 180 -> 0.5PI, 270 -> 1PI
// arc(x,y, 半径, 开始角度,结束角度, 顺时或逆时针)
var endAngle = Math.PI * (2 * (progress / 100)) - (Math.PI * 0.5);
context.arc(width / 2, height / 2, radius, Math.PI * 1.5, endAngle, false);
context.closePath();
context.fillStyle = ringColor;
context.fill();
// 画内部空白
if(sector === 'false' || !sector) {
context.beginPath();
context.moveTo(width / 2, height / 2);
context.arc(width / 2, height / 2, radius - ringWidth, 0, Math.PI * 2, true);
context.closePath();
context.fillStyle = '#fff';
context.fill();
}
// 文字
context.font = textFontSize + " " +textFontFamily;
context.fillStyle = textColor;
context.textAlign = textAlign;
context.textBaseline = textBaseline;
context.moveTo(width / 2, height / 2);
context.fillText(text, width / 2, height / 2);
});
return this;
},
ringProgressAnimation : function(options, options2) {
var defaults = {
start : 0,
end : 100,
speed : 1000
};
var defaults2 = {
redraw : true
};
var settings = $.extend(defaults, options);
var settings2 = $.extend(defaults2, options2);
var _this = this;
var timer = setInterval(function() {
settings.start ++;
$(_this).html(settings.start + "%").ringProgress(settings2);
if(settings.start >= settings.end) clearInterval(timer);
}, settings.speed);
return this;
}
});
})(PlaneUI);
(function ($) {
$(function(){
$("pui-radio").each(function(i) {
var $this = $(this);
var radio = $('总分：'+total+'分 ');
}
if(showScore || showScore == "true")
{
$this.append('平均分：'+score()+'分 ');
}
$this.find("span").bind({
"mouseenter" : function(event) {
var index = $(this).index();
$this.find("span").each(function(i) {
$(this).removeClass();
if (i <= index) {
$(this).addClass('full');
}
//console.log(i, score(), floor, ceil, total, $(this).attr('class'));
});
},
"mouseleave" : function(event) {
var index = $(this).index();
$this.find("span").each(function(i) {
i = i + 1;
$(this).removeClass();
if (i <= Math.floor(score()))
{
$(this).addClass('full');
}
else if (i > score() && i == Math.ceil(score()))
{
$(this).addClass("half");
}
});
},
"click" : function() {
if(typeof(settings.clickHandler) == "function") {
settings.clickHandler($this);
return ;
}
if (ajaxURL == "") {
console.error("错误：URL不能为空，Rating评价组件默认通过Ajax执行点击操作。");
return ;
}
var index = $(this).index();
$.post(ajaxURL, {score : score(), newscore : (index + 1), total : total}, function(data) {
$this.attr("score", data).find("small").remove();
if(showTotal || showTotal == "true") {
$this.append('总分：'+total+'分 ');
}
if(showScore || showScore == "true") {
$this.append('平均分：'+data+'分 ');
}
$this.find("span").each(function(i) {
i = i + 1;
$(this).removeClass();
if (i <= Math.floor(data))
{
$(this).addClass('full');
}
else if (i > data && i == Math.ceil(data))
{
$(this).addClass("half");
}
});
clickCallback($this);
});
}
});
});
};
})(PlaneUI);
(function($) {
$.fn.scrollTo = function (options) {
options = options || {};
var defaults = {
speed : 800,
direction : "top",
top : null,
left : null,
targetHash : true,
hashEmpty : true,
callback : function() {},
scrollTarget : "html, body"
};
var settings = $.extend(defaults, (typeof options === "object") ? options : {});
if (typeof options === "function") {
settings.callback = options;
}
$(this.selector ? this.selector : "[scrollto]").bind($.clickOrTouch(), function() {
var scrollHandler = function($this, target) {
var direction = {};
if (settings.top === 0) {
settings.top = "0px";
}
if (settings.left === 0) {
settings.left = "0px";
}
if (!settings.top && !settings.left) {
if (settings.direction === "left") {
direction = { scrollLeft : target.offset().left };
} else {
direction = { scrollTop : target.offset().top };
}
}
if (settings.top) {
direction.scrollTop = settings.top;
}
if (settings.left) {
direction.scrollLeft = settings.left;
}
$(settings.scrollTarget).animate(direction, settings.speed, function() {
if (settings.hashEmpty && window.addEventListener) { // IE9+
location.hash = "";
}
$.proxy(settings.callback, $this)(target);
});
};
if (settings.targetHash)
{
if (location.pathname.replace(/^\//, "") == this.pathname.replace(/^\//, "") && location.hostname == this.hostname)
{
var hash = this.hash;
var target = $(hash);
var $this = $(this);
target = target.length && target || $("[name=" + hash.slice(1) + "]");
if (target.length > 0)
{
scrollHandler($(this), target);
}
}
}
else
{
scrollHandler($(this), settings.scrollTarget);
}
return false;
});
};
})(PlaneUI);
(function ($) {
$(function() {
$(document).keyup(function(event) {
if (event.keyCode ==13) {
$(".pui-search-submit").trigger("click");
}
});
$('.pui-search-single-button').hover(function() {
var $this = $(this);
var hoverWidth = $this.attr('hover-width');
var keywordInput = $this.find('.pui-search-keywords');
$this.width(hoverWidth);
keywordInput.removeClass('pui-search-keywords-slide-reverse').addClass('pui-search-keywords-slide');
return false;
}, function() {
var $this = $(this);
var width = $this.attr('width');
var keywordInput = $this.find('.pui-search-keywords');
$this.width(width);
keywordInput.removeClass('pui-search-keywords-slide-reverse').addClass('pui-search-keywords-slide-reverse');
return false;
});
});
})(PlaneUI);
(function ($) {
$.fn.sidePosition = function(options) {
var defaults = {
zIndexTop : false,
attr : "pui-side-position",
showMode : "slide",
speed : 300,
mask : false,
maskFullOpacity : false
};
var settings = $.extend(defaults, options);
var selector = ($(this).selector === "") ? "[" + settings.attr + "]" : this;
$(selector).each(function() {
var $this = $(this);
var position = $this.attr(settings.attr);
var side = $("." + settings.attr + "-" + position);
if (settings.zIndexTop) {
side.addClass("pui-side-position-zindex-top");
}
var handle = function() {
if (settings.mask)
{
var mask = $(".pui-side-position-mask");
if (settings.maskFullOpacity)
{
mask.css({ opacity : 0 });
}
mask.fadeToggle(settings.speed);
if (!mask.is(":hidden"))
{
mask.bind($.clickOrTouch(), function() {
mask.fadeOut(settings.speed);
switch (position)
{
case "top":
side.animate({
top : "-" + side.outerHeight() + $(".pui-app-header").outerHeight() + "px",
opacity : "hide"
}, settings.speed);
case "bottom":
side.animate({bottom : "-" + side.outerHeight() + "px", opacity : "hide"}, settings.speed);
break;
case "right":
case "left":
default:
break;
}
return false;
});
}
}
if (position === "left" || position === "right")
{
side.height($("body").outerHeight());
}
if (settings.showMode === "fade")
{
side.fadeToggle(settings.speed);
}
else if (settings.showMode === "slide")
{
if (position === "left")
{
if (side.is(":hidden"))
{
side.css({ left : "-" + side.outerWidth() + "px"}).animate({ left : 0, opacity : "show"}, settings.speed);
}
else
{
side.animate({left : "-" + side.outerWidth() + "px", opacity : "hide"}, settings.speed);
}
}
if (position === "right")
{
if(side.is(":hidden"))
{
side.css({right : "-" + side.outerWidth() + "px"}).animate({right : 0, opacity : "show"}, settings.speed);
}
else
{
side.animate({
right : "-" + side.outerWidth() + "px",
opacity : "hide"
}, settings.speed);
}
}
if (position === "top")
{
if (side.is(":hidden"))
{
side.css({
top : "-" + side.outerHeight() + $(".pui-app-header").outerHeight() + "px"
}).animate({
top : $(".pui-app-header").outerHeight(),
opacity : "show"
}, settings.speed);
}
else
{
side.animate({
top : "-" + side.outerHeight() + $(".pui-app-header").outerHeight() + "px",
opacity : "hide"
}, settings.speed);
}
}
if (position === "bottom")
{
if (side.is(":hidden"))
{
side.css({
bottom : "-" + side.outerHeight() + "px"
}).animate({
bottom : 0,
opacity : "show"
}, settings.speed);
}
else
{
side.animate({
bottom : "-" + side.outerHeight() + "px",
opacity : "hide"
}, settings.speed);
}
}
}
else
{
side.toggle();
}
};
$this.bind($.clickOrTouch(), handle);
side.bind("click", handle);
});
};
})(PlaneUI);
(function ($) {
$.fn.sideSlide = function(options) {
var defaults = {
attr : "pui-side-slide",
speed : 300,
mask : false,
maskFullOpacity: false
};
var settings = $.extend(defaults, options);
$("["+settings.attr+"]").each(function() {
var $this = $(this);
var sideName = $this.attr(settings.attr);
var side = $("."+settings.attr+"-"+sideName);
var main = $(".pui-app-main");
var appLayout = $(".pui-app-layout");
$this.bind($.clickOrTouch(), function() {
if(sideName == "top" || sideName == "bottom") {
appLayout.css("overflow-y", "hidden");
} else {
appLayout.css("overflow-x", "hidden");
}
if(settings.mask)
{
var mask = main.find(".pui-mask-bg");
if(settings.maskFullOpacity) {
mask.css({opacity:0});
}
mask.fadeToggle(settings.speed);
if(!mask.is(":hidden"))
{
mask.bind($.clickOrTouch(), function() {
mask.fadeOut(settings.speed);
side.hide();
switch(sideName)
{
case "top":
case "bottom":
main.animate({marginTop : 0}, settings.speed, function(){
appLayout.css("overflow", "auto");
});
break;
case "right":
case "left":
default:
main.animate({marginLeft : 0}, settings.speed, function(){
appLayout.css("overflow", "auto");
});
break;
}
return false;
});
}
}
switch(sideName)
{
case "top":
side.toggle();
if(!side.is(":hidden")) {
main.animate({marginTop : side.outerHeight() + "px"}, settings.speed);
} else {
main.animate({marginTop : 0}, settings.speed, function(){
appLayout.css("overflow", "auto");
});
}
break;
case "bottom":
if(side.is(":hidden")) {
main.animate({marginTop : "-"+side.outerHeight() + "px"}, settings.speed, function() {
side.show();
});
} else {
side.hide();
main.animate({marginTop : 0}, settings.speed, function(){
appLayout.css("overflow", "auto");
});
}
break;
case "right":
if(side.is(":hidden")) {
main.animate({marginLeft : "-"+side.outerWidth() + "px"}, settings.speed, function(){
side.show();
});
} else {
side.hide();
main.animate({marginLeft : 0}, settings.speed, function(){
appLayout.css("overflow", "auto");
});
}
break;
case "left":
default:
side.toggle();
if(!side.is(":hidden")) {
main.animate({marginLeft : side.outerWidth() + "px"}, settings.speed);
} else {
main.animate({marginLeft : 0}, settings.speed, function(){
appLayout.css("overflow", "auto");
});
}
break;
}
return false;
});
});
};
})(PlaneUI);
(function($) {
$(function() {
$("pui-switch").each(function() {
var $this = $(this);
var values = $this.attr('value').split(',');
try
{
var texts = $this.attr('text').split(',');
}
catch(e)
{
alert("致命错误：请设置switch组件的text属性。");
return false;
}
var switched = $this.attr('switched');
var name = $this.attr('name');
var elements = "", switchedValue;
var innerHTML = $this.html();
$this.html('');
if(typeof(switched) == "undefined")
{
switched = values[0];
}
for (var i = 0, len = values.length; i < len; i++)
{
var isSwitched = (switched == values[i]) ? ' class="switched"' : '';
if(switched == values[i]) switchedValue = values[i];
elements += ''+texts[i]+' ';
}
$this.append(''+elements+' ');
$this.append('
');
tooltip.data("id", "tooltip-" + (new Date()).getTime() );
tooltip.attr("id", tooltip.data("id") );
if(cached)
{
setJSONData("target", "#" + tooltip.data("id") );
}
body.append(tooltip);
if(typeof(content) == "function") {
content(_this, tooltip, setTooltipStyle);
} else {
tooltip.html(content);
setTooltipStyle(tooltip);
}
}
else
{
tooltip = $(target());
tooltip.removeClass('pui-hide');
if(!cached && !tooltip.data("targetStyled"))
{
tooltip.data("targetStyled", true);
setTooltipStyle(tooltip);
}
}
tooltip[ (showMode == "fade") ? "fadeIn" : "show" ]();
};
var hideAction = function() {
tooltip[ (showMode == "fade") ? "fadeOut" : "hide" ]();
if (typeof(target()) == "undefined" && !cached || target() == "")
{
$("#"+tooltip.attr("id") + "-style").remove();
tooltip.remove();
}
callback(_this, tooltip);
};
_this.bind({
"mouseenter" : showAction,
"mouseleave" : hideAction
});
if(touch) {
_this.bind({
"touchstart" : showAction,
"touchend" : hideAction,
"touchcancel": hideAction
});
}
});
};
})(PlaneUI);
/*!
* Modernizr v2.8.3
* www.modernizr.com
*
* Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
* Available under the BSD and MIT licenses: www.modernizr.com/license/
*/
/*
* Modernizr tests which native CSS3 and HTML5 features are available in
* the current UA and makes the results available to you in two ways:
* as properties on a global Modernizr object, and as classes on the
* element. This information allows you to progressively enhance
* your pages with a granular level of control over the experience.
*
* Modernizr has an optional (not included) conditional resource loader
* called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
* To get a build that includes Modernizr.load(), as well as choosing
* which tests to include, go to www.modernizr.com/download/
*
* Authors Faruk Ates, Paul Irish, Alex Sexton
* Contributors Ryan Seddon, Ben Alman
*/
window.Modernizr = (function( window, document, undefined ) {
var version = '2.8.3',
Modernizr = {},
/*>>cssclasses*/
// option for enabling the HTML classes to be added
enableClasses = true,
/*>>cssclasses*/
docElement = document.documentElement,
/**
* Create our "modernizr" element that we do most feature tests on.
*/
mod = 'modernizr',
modElem = document.createElement(mod),
mStyle = modElem.style,
/**
* Create the input element for various Web Forms feature tests.
*/
inputElem /*>>inputelem*/ = document.createElement('input') /*>>inputelem*/ ,
/*>>smile*/
smile = ':)',
/*>>smile*/
toString = {}.toString,
// TODO :: make the prefixes more granular
/*>>prefixes*/
// List of property values to set for css tests. See ticket #21
prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
/*>>prefixes*/
/*>>domprefixes*/
// Following spec is to expose vendor-specific style properties as:
// elem.style.WebkitBorderRadius
// and the following would be incorrect:
// elem.style.webkitBorderRadius
// Webkit ghosts their properties in lowercase but Opera & Moz do not.
// Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
// erik.eae.net/archives/2008/03/10/21.48.10/
// More here: github.com/Modernizr/Modernizr/issues/issue/21
omPrefixes = 'Webkit Moz O ms',
cssomPrefixes = omPrefixes.split(' '),
domPrefixes = omPrefixes.toLowerCase().split(' '),
/*>>domprefixes*/
/*>>ns*/
ns = {'svg': 'http://www.w3.org/2000/svg'},
/*>>ns*/
tests = {},
inputs = {},
attrs = {},
classes = [],
slice = classes.slice,
featureName, // used in testing loop
/*>>teststyles*/
// Inject element with style element and some CSS rules
injectElementWithStyles = function( rule, callback, nodes, testnames ) {
var style, ret, node, docOverflow,
div = document.createElement('div'),
// After page load injecting a fake body doesn't work so check if body exists
body = document.body,
// IE6 and 7 won't return offsetWidth or offsetHeight unless it's in the body element, so we fake it.
fakeBody = body || document.createElement('body');
if ( parseInt(nodes, 10) ) {
// In order not to give false positives we create a node for each test
// This also allows the method to scale for unspecified uses
while ( nodes-- ) {
node = document.createElement('div');
node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
div.appendChild(node);
}
}
// '].join('');
div.id = mod;
// IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
// Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
(body ? div : fakeBody).innerHTML += style;
fakeBody.appendChild(div);
if ( !body ) {
//avoid crashing IE8, if background image is used
fakeBody.style.background = '';
//Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
fakeBody.style.overflow = 'hidden';
docOverflow = docElement.style.overflow;
docElement.style.overflow = 'hidden';
docElement.appendChild(fakeBody);
}
ret = callback(div, rule);
// If this is done after page load we don't want to remove the body so check if body exists
if ( !body ) {
fakeBody.parentNode.removeChild(fakeBody);
docElement.style.overflow = docOverflow;
} else {
div.parentNode.removeChild(div);
}
return !!ret;
},
/*>>teststyles*/
/*>>mq*/
// adapted from matchMedia polyfill
// by Scott Jehl and Paul Irish
// gist.github.com/786768
testMediaQuery = function( mq ) {
var matchMedia = window.matchMedia || window.msMatchMedia;
if ( matchMedia ) {
return matchMedia(mq) && matchMedia(mq).matches || false;
}
var bool;
injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) {
bool = (window.getComputedStyle ?
getComputedStyle(node, null) :
node.currentStyle)['position'] == 'absolute';
});
return bool;
},
/*>>mq*/
/*>>hasevent*/
//
// isEventSupported determines if a given element supports the given event
// kangax.github.com/iseventsupported/
//
// The following results are known incorrects:
// Modernizr.hasEvent("webkitTransitionEnd", elem) // false negative
// Modernizr.hasEvent("textInput") // in Webkit. github.com/Modernizr/Modernizr/issues/333
// ...
isEventSupported = (function() {
var TAGNAMES = {
'select': 'input', 'change': 'input',
'submit': 'form', 'reset': 'form',
'error': 'img', 'load': 'img', 'abort': 'img'
};
function isEventSupported( eventName, element ) {
element = element || document.createElement(TAGNAMES[eventName] || 'div');
eventName = 'on' + eventName;
// When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those
var isSupported = eventName in element;
if ( !isSupported ) {
// If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
if ( !element.setAttribute ) {
element = document.createElement('div');
}
if ( element.setAttribute && element.removeAttribute ) {
element.setAttribute(eventName, '');
isSupported = is(element[eventName], 'function');
// If property was created, "remove it" (by setting value to `undefined`)
if ( !is(element[eventName], 'undefined') ) {
element[eventName] = undefined;
}
element.removeAttribute(eventName);
}
}
element = null;
return isSupported;
}
return isEventSupported;
})(),
/*>>hasevent*/
// TODO :: Add flag for hasownprop ? didn't last time
// hasOwnProperty shim by kangax needed for Safari 2.0 support
_hasOwnProperty = ({}).hasOwnProperty, hasOwnProp;
if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
hasOwnProp = function (object, property) {
return _hasOwnProperty.call(object, property);
};
}
else {
hasOwnProp = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
};
}
// Adapted from ES5-shim https://github.com/kriskowal/es5-shim/blob/master/es5-shim.js
// es5.github.com/#x15.3.4.5
if (!Function.prototype.bind) {
Function.prototype.bind = function bind(that) {
var target = this;
if (typeof target != "function") {
throw new TypeError();
}
var args = slice.call(arguments, 1),
bound = function () {
if (this instanceof bound) {
var F = function(){};
F.prototype = target.prototype;
var self = new F();
var result = target.apply(
self,
args.concat(slice.call(arguments))
);
if (Object(result) === result) {
return result;
}
return self;
} else {
return target.apply(
that,
args.concat(slice.call(arguments))
);
}
};
return bound;
};
}
/**
* setCss applies given styles to the Modernizr DOM node.
*/
function setCss( str ) {
mStyle.cssText = str;
}
/**
* setCssAll extrapolates all vendor-specific css strings.
*/
function setCssAll( str1, str2 ) {
return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
}
/**
* is returns a boolean for if typeof obj is exactly type.
*/
function is( obj, type ) {
return typeof obj === type;
}
/**
* contains returns a boolean for if substr is found within str.
*/
function contains( str, substr ) {
return !!~('' + str).indexOf(substr);
}
/*>>testprop*/
// testProps is a generic CSS / DOM property test.
// In testing support for a given CSS property, it's legit to test:
// `elem.style[styleName] !== undefined`
// If the property is supported it will return an empty string,
// if unsupported it will return undefined.
// We'll take advantage of this quick test and skip setting a style
// on our modernizr element, but instead just testing undefined vs
// empty string.
// Because the testing of the CSS property names (with "-", as
// opposed to the camelCase DOM properties) is non-portable and
// non-standard but works in WebKit and IE (but not Gecko or Opera),
// we explicitly reject properties with dashes so that authors
// developing in WebKit or IE first don't end up with
// browser-specific content by accident.
function testProps( props, prefixed ) {
for ( var i in props ) {
var prop = props[i];
if ( !contains(prop, "-") && mStyle[prop] !== undefined ) {
return prefixed == 'pfx' ? prop : true;
}
}
return false;
}
/*>>testprop*/
// TODO :: add testDOMProps
/**
* testDOMProps is a generic DOM property test; if a browser supports
* a certain property, it won't return undefined for it.
*/
function testDOMProps( props, obj, elem ) {
for ( var i in props ) {
var item = obj[props[i]];
if ( item !== undefined) {
// return the property name as a string
if (elem === false) return props[i];
// let's bind a function
if (is(item, 'function')){
// default to autobind unless override
return item.bind(elem || obj);
}
// return the unbound function or obj or value
return item;
}
}
return false;
}
/*>>testallprops*/
/**
* testPropsAll tests a list of DOM properties we want to check against.
* We specify literally ALL possible (known and/or likely) properties on
* the element including the non-vendor prefixed one, for forward-
* compatibility.
*/
function testPropsAll( prop, prefixed, elem ) {
var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
// did they call .prefixed('boxSizing') or are we just testing a prop?
if(is(prefixed, "string") || is(prefixed, "undefined")) {
return testProps(props, prefixed);
// otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
} else {
props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
return testDOMProps(props, prefixed, elem);
}
}
/*>>testallprops*/
/**
* Tests
* -----
*/
// The *new* flexbox
// dev.w3.org/csswg/css3-flexbox
tests['flexbox'] = function() {
return testPropsAll('flexWrap');
};
// The *old* flexbox
// www.w3.org/TR/2009/WD-css3-flexbox-20090723/
tests['flexboxlegacy'] = function() {
return testPropsAll('boxDirection');
};
// On the S60 and BB Storm, getContext exists, but always returns undefined
// so we actually have to call getContext() to verify
// github.com/Modernizr/Modernizr/issues/issue/97/
tests['canvas'] = function() {
var elem = document.createElement('canvas');
return !!(elem.getContext && elem.getContext('2d'));
};
tests['canvastext'] = function() {
return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function'));
};
// webk.it/70117 is tracking a legit WebGL feature detect proposal
// We do a soft detect which may false positive in order to avoid
// an expensive context creation: bugzil.la/732441
tests['webgl'] = function() {
return !!window.WebGLRenderingContext;
};
/*
* The Modernizr.touch test only indicates if the browser supports
* touch events, which does not necessarily reflect a touchscreen
* device, as evidenced by tablets running Windows 7 or, alas,
* the Palm Pre / WebOS (touch) phones.
*
* Additionally, Chrome (desktop) used to lie about its support on this,
* but that has since been rectified: crbug.com/36415
*
* We also test for Firefox 4 Multitouch Support.
*
* For more info, see: modernizr.github.com/Modernizr/touch.html
*/
tests['touch'] = function() {
var bool;
if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
bool = true;
} else {
injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) {
bool = node.offsetTop === 9;
});
}
return bool;
};
// geolocation is often considered a trivial feature detect...
// Turns out, it's quite tricky to get right:
//
// Using !!navigator.geolocation does two things we don't want. It:
// 1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513
// 2. Disables page caching in WebKit: webk.it/43956
//
// Meanwhile, in Firefox < 8, an about:config setting could expose
// a false positive that would throw an exception: bugzil.la/688158
tests['geolocation'] = function() {
return 'geolocation' in navigator;
};
tests['postmessage'] = function() {
return !!window.postMessage;
};
// Chrome incognito mode used to throw an exception when using openDatabase
// It doesn't anymore.
tests['websqldatabase'] = function() {
return !!window.openDatabase;
};
// Vendors had inconsistent prefixing with the experimental Indexed DB:
// - Webkit's implementation is accessible through webkitIndexedDB
// - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
// For speed, we don't test the legacy (and beta-only) indexedDB
tests['indexedDB'] = function() {
return !!testPropsAll("indexedDB", window);
};
// documentMode logic from YUI to filter out IE8 Compat Mode
// which false positives.
tests['hashchange'] = function() {
return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7);
};
// Per 1.6:
// This used to be Modernizr.historymanagement but the longer
// name has been deprecated in favor of a shorter and property-matching one.
// The old API is still available in 1.6, but as of 2.0 will throw a warning,
// and in the first release thereafter disappear entirely.
tests['history'] = function() {
return !!(window.history && history.pushState);
};
tests['draganddrop'] = function() {
var div = document.createElement('div');
return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
};
// FF3.6 was EOL'ed on 4/24/12, but the ESR version of FF10
// will be supported until FF19 (2/12/13), at which time, ESR becomes FF17.
// FF10 still uses prefixes, so check for it until then.
// for more ESR info, see: mozilla.org/en-US/firefox/organizations/faq/
tests['websockets'] = function() {
return 'WebSocket' in window || 'MozWebSocket' in window;
};
// css-tricks.com/rgba-browser-support/
tests['rgba'] = function() {
// Set an rgba() color and check the returned value
setCss('background-color:rgba(150,255,150,.5)');
return contains(mStyle.backgroundColor, 'rgba');
};
tests['hsla'] = function() {
// Same as rgba(), in fact, browsers re-map hsla() to rgba() internally,
// except IE9 who retains it as hsla
setCss('background-color:hsla(120,40%,100%,.5)');
return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla');
};
tests['multiplebgs'] = function() {
// Setting multiple images AND a color on the background shorthand property
// and then querying the style.background property value for the number of
// occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
setCss('background:url(https://),url(https://),red url(https://)');
// If the UA supports multiple backgrounds, there should be three occurrences
// of the string "url(" in the return value for elemStyle.background
return (/(url\s*\(.*?){3}/).test(mStyle.background);
};
// this will false positive in Opera Mini
// github.com/Modernizr/Modernizr/issues/396
tests['backgroundsize'] = function() {
return testPropsAll('backgroundSize');
};
tests['borderimage'] = function() {
return testPropsAll('borderImage');
};
// Super comprehensive table about all the unique implementations of
// border-radius: muddledramblings.com/table-of-css3-border-radius-compliance
tests['borderradius'] = function() {
return testPropsAll('borderRadius');
};
// WebOS unfortunately false positives on this test.
tests['boxshadow'] = function() {
return testPropsAll('boxShadow');
};
// FF3.0 will false positive on this test
tests['textshadow'] = function() {
return document.createElement('div').style.textShadow === '';
};
tests['opacity'] = function() {
// Browsers that actually have CSS Opacity implemented have done so
// according to spec, which means their return values are within the
// range of [0.0,1.0] - including the leading zero.
setCssAll('opacity:.55');
// The non-literal . in this regex is intentional:
// German Chrome returns this value as 0,55
// github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
return (/^0.55$/).test(mStyle.opacity);
};
// Note, Android < 4 will pass this test, but can only animate
// a single property at a time
// goo.gl/v3V4Gp
tests['cssanimations'] = function() {
return testPropsAll('animationName');
};
tests['csscolumns'] = function() {
return testPropsAll('columnCount');
};
tests['cssgradients'] = function() {
/**
* For CSS Gradients syntax, please see:
* webkit.org/blog/175/introducing-css-gradients/
* developer.mozilla.org/en/CSS/-moz-linear-gradient
* developer.mozilla.org/en/CSS/-moz-radial-gradient
* dev.w3.org/csswg/css3-images/#gradients-
*/
var str1 = 'background-image:',
str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
str3 = 'linear-gradient(left top,#9f9, white);';
setCss(
// legacy webkit syntax (FIXME: remove when syntax not in use anymore)
(str1 + '-webkit- '.split(' ').join(str2 + str1) +
// standard syntax // trailing 'background-image:'
prefixes.join(str3 + str1)).slice(0, -str1.length)
);
return contains(mStyle.backgroundImage, 'gradient');
};
tests['cssreflections'] = function() {
return testPropsAll('boxReflect');
};
tests['csstransforms'] = function() {
return !!testPropsAll('transform');
};
tests['csstransforms3d'] = function() {
var ret = !!testPropsAll('perspective');
// Webkit's 3D transforms are passed off to the browser's own graphics renderer.
// It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in
// some conditions. As a result, Webkit typically recognizes the syntax but
// will sometimes throw a false positive, thus we must do a more thorough check:
if ( ret && 'webkitPerspective' in docElement.style ) {
// Webkit allows this media query to succeed only if the feature is enabled.
// `@media (transform-3d),(-webkit-transform-3d){ ... }`
injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) {
ret = node.offsetLeft === 9 && node.offsetHeight === 3;
});
}
return ret;
};
tests['csstransitions'] = function() {
return testPropsAll('transition');
};
/*>>fontface*/
// @font-face detection routine by Diego Perini
// javascript.nwbox.com/CSSSupport/
// false positives:
// WebOS github.com/Modernizr/Modernizr/issues/342
// WP7 github.com/Modernizr/Modernizr/issues/538
tests['fontface'] = function() {
var bool;
injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) {
var style = document.getElementById('smodernizr'),
sheet = style.sheet || style.styleSheet,
cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : '';
bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0;
});
return bool;
};
/*>>fontface*/
// CSS generated content detection
tests['generatedcontent'] = function() {
var bool;
injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''), function( node ) {
bool = node.offsetHeight >= 3;
});
return bool;
};
// These tests evaluate support of the video/audio elements, as well as
// testing what types of content they support.
//
// We're using the Boolean constructor here, so that we can extend the value
// e.g. Modernizr.video // true
// Modernizr.video.ogg // 'probably'
//
// Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
// thx to NielsLeenheer and zcorpan
// Note: in some older browsers, "no" was a return value instead of empty string.
// It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
// It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
tests['video'] = function() {
var elem = document.createElement('video'),
bool = false;
// IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
try {
if ( bool = !!elem.canPlayType ) {
bool = new Boolean(bool);
bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,'');
// Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546
bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,'');
bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');
}
} catch(e) { }
return bool;
};
tests['audio'] = function() {
var elem = document.createElement('audio'),
bool = false;
try {
if ( bool = !!elem.canPlayType ) {
bool = new Boolean(bool);
bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');
bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,'');
// Mimetypes accepted:
// developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
// bit.ly/iphoneoscodecs
bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,'');
bool.m4a = ( elem.canPlayType('audio/x-m4a;') ||
elem.canPlayType('audio/aac;')) .replace(/^no$/,'');
}
} catch(e) { }
return bool;
};
// In FF4, if disabled, window.localStorage should === null.
// Normally, we could not test that directly and need to do a
// `('localStorage' in window) && ` test first because otherwise Firefox will
// throw bugzil.la/365772 if cookies are disabled
// Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
// will throw the exception:
// QUOTA_EXCEEDED_ERRROR DOM Exception 22.
// Peculiarly, getItem and removeItem calls do not throw.
// Because we are forced to try/catch this, we'll go aggressive.
// Just FWIW: IE8 Compat mode supports these features completely:
// www.quirksmode.org/dom/html5.html
// But IE8 doesn't support either with local files
tests['localstorage'] = function() {
try {
localStorage.setItem(mod, mod);
localStorage.removeItem(mod);
return true;
} catch(e) {
return false;
}
};
tests['sessionstorage'] = function() {
try {
sessionStorage.setItem(mod, mod);
sessionStorage.removeItem(mod);
return true;
} catch(e) {
return false;
}
};
tests['webworkers'] = function() {
return !!window.Worker;
};
tests['applicationcache'] = function() {
return !!window.applicationCache;
};
// Thanks to Erik Dahlstrom
tests['svg'] = function() {
return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect;
};
// specifically for SVG inline in HTML, not within XHTML
// test page: paulirish.com/demo/inline-svg
tests['inlinesvg'] = function() {
var div = document.createElement('div');
div.innerHTML = '>shiv*/
// Assign private properties to the return object with prefix
Modernizr._version = version;
// expose these for the plugin API. Look in the source for how to join() them against your input
/*>>prefixes*/
Modernizr._prefixes = prefixes;
/*>>prefixes*/
/*>>domprefixes*/
Modernizr._domPrefixes = domPrefixes;
Modernizr._cssomPrefixes = cssomPrefixes;
/*>>domprefixes*/
/*>>mq*/
// Modernizr.mq tests a given media query, live against the current state of the window
// A few important notes:
// * If a browser does not support media queries at all (eg. oldIE) the mq() will always return false
// * A max-width or orientation query will be evaluated against the current state, which may change later.
// * You must specify values. Eg. If you are testing support for the min-width media query use:
// Modernizr.mq('(min-width:0)')
// usage:
// Modernizr.mq('only screen and (max-width:768)')
Modernizr.mq = testMediaQuery;
/*>>mq*/
/*>>hasevent*/
// Modernizr.hasEvent() detects support for a given event, with an optional element to test on
// Modernizr.hasEvent('gesturestart', elem)
Modernizr.hasEvent = isEventSupported;
/*>>hasevent*/
/*>>testprop*/
// Modernizr.testProp() investigates whether a given style property is recognized
// Note that the property names must be provided in the camelCase variant.
// Modernizr.testProp('pointerEvents')
Modernizr.testProp = function(prop){
return testProps([prop]);
};
/*>>testprop*/
/*>>testallprops*/
// Modernizr.testAllProps() investigates whether a given style property,
// or any of its vendor-prefixed variants, is recognized
// Note that the property names must be provided in the camelCase variant.
// Modernizr.testAllProps('boxSizing')
Modernizr.testAllProps = testPropsAll;
/*>>testallprops*/
/*>>teststyles*/
// Modernizr.testStyles() allows you to add custom styles to the document and test an element afterwards
// Modernizr.testStyles('#modernizr { position:absolute }', function(elem, rule){ ... })
Modernizr.testStyles = injectElementWithStyles;
/*>>teststyles*/
/*>>prefixed*/
// Modernizr.prefixed() returns the prefixed or nonprefixed property name variant of your input
// Modernizr.prefixed('boxSizing') // 'MozBoxSizing'
// Properties must be passed as dom-style camelcase, rather than `box-sizing` hypentated style.
// Return values will also be the camelCase variant, if you need to translate that to hypenated style use:
//
// str.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-');
// If you're trying to ascertain which transition end event to bind to, you might do something like...
//
// var transEndEventNames = {
// 'WebkitTransition' : 'webkitTransitionEnd',
// 'MozTransition' : 'transitionend',
// 'OTransition' : 'oTransitionEnd',
// 'msTransition' : 'MSTransitionEnd',
// 'transition' : 'transitionend'
// },
// transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
Modernizr.prefixed = function(prop, obj, elem){
if(!obj) {
return testPropsAll(prop, 'pfx');
} else {
// Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame'
return testPropsAll(prop, obj, elem);
}
};
/*>>prefixed*/
/*>>cssclasses*/
// Remove "no-js" class from element, if it exists:
docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2') +
// Add the new classes to the element.
(enableClasses ? ' js ' + classes.join(' ') : '');
/*>>cssclasses*/
return Modernizr;
})(this, this.document);
return PlaneUI;
});