gronod/headphones
1
0
Fork 1
mirror of https://github.com/rembo10/headphones.git synced 2026-05-02 09:49:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Edited progressbars

Browse Source
This commit is contained in:
Brinken
2012-03-15 09:43:50 +01:00
parent c9ec401798
commit 81dc309d49
12 changed files with 229 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
data/js/FancyScript.js
View File

@@ -2,7 +2,8 @@
$(document).ready(function () {
$("#nav li a").each(function () {
var hreflink = $(this).attr("href");
if (hreflink == location.href.split("/").pop()) {
var locationHref = location.href.split("/").pop();
if (hreflink == locationHref) {
$(this).parent().addClass("selected");
}
});

84
data/js/selectFix.js Normal file
View File

@@ -0,0 +1,84 @@
/*/////////////////////////////////////////////////////////////////////////////////
VERSION 1.3 - Updated January 4, 2011
CREATED BY KEVIN MACK
DETAILS: http://nicetransition.com/_plugins/jQuery-Cross-Browser-Select-Fix
//////////////////////////////////////////////////////////////////////////////////*/
(function ($) {
$.fn.selectFix = function (options) {
$(this).each(function () {
var settings = $.extend({ 'extraStyles': true, 'responsive': false, 'arrow': true, 'arrowWidth': 20, 'arrowContent': '', 'className': 'select', 'classText': 'text', 'classArrow': 'arrow', 'classFocus': 'focused', 'classEnd': 'selected', 'display': 'inline-block' }, options);
var className = "." + settings.className;
var selectField = $(this);
selectField.css({ '-webkit-appearance': 'none', 'box-sizing': 'border-box', '-moz-box-sizing': 'border-box', '-webkit-box-sizing': 'border-box', 'cursor': 'pointer' }); //mac OS bug fix on webkit render
var initVal;
if (selectField.children("option:selected").size() > 0) {
initVal = selectField.children("option:selected").eq(0).text();
} else {
initVal = selectField.children("option").eq(0).text();
}
var height = selectField.css("height");
var width = selectField.css("width").replace("px", "");
var widthPercent;
if (settings.responsive) {
widthPercent = (100 * parseInt(width.replace("px", "")) / parseInt(selectField.parent().css('width').replace("px", ""))) + '%';
} else {
widthPercent = width + "px";
}
var arrow;
var arrowWidth = String(settings.arrowWidth);
if (arrowWidth.indexOf('px') < 0 && arrowWidth.indexOf('%') < 0) {
arrowWidth = arrowWidth + "px";
}
if (settings.arrow == true) {
arrow = "<span style=\"display: block; height: 100%; position: absolute; right: 0; width: " + arrowWidth + ";\" class=\"" + settings.classArrow + "\">" + settings.arrowContent + "</span>";
} else {
arrow = "";
}
selectField.css({ "display": "block", "left": 0, "opacity": 0, "position": "absolute", "top": 0, "z-index": 1 }).wrap("<div class=\"" + settings.className + "\"style=\"overflow: hidden; display: " + settings.display + "; position: relative; width: " + widthPercent + ";\"></div>").closest(className).append("<span style=\"display: block; left: 0; height: " + height + "; line-height: inherit; position: absolute; top: 0; width: 100%;\" class=\"" + settings.classText + "\">" + initVal + "</span>" + arrow);
selectField.bind({
change: function (event) {
selectField.siblings("." + settings.classText).html(selectField.children("option[value=" + selectField.val() + "]").text());
if (settings.extraStyles == true) {
selectField.parent(className).addClass(settings.classEnd).removeClass(settings.classFocus); //optional styling to be used once a selection has been made
}
if (selectField.val() == '' || selectField.val() == undefined || selectField.val() == null) {
selectField.parent(className).removeClass(settings.classEnd);
}
},
focus: function (event) {
if (settings.extraStyles == true) {
selectField.parent(className).addClass(settings.classFocus);
}
selectField.keyup(function () {
selectField.siblings("." + settings.classText).html($(this).children("option:selected").text());
});
},
click: function () {
if (settings.extraStyles == true) {
selectField.parent(className).addClass(settings.classFocus);
}
},
blur: function () {
if (settings.extraStyles == true) {
selectField.parent(className).removeClass(settings.classFocus);
}
}
});
if ($(".stlyesFor" + settings.className).size() < 1) {
selectField.after("<style type=\"text/css\" class=\"stlyesFor" + settings.className + "\">." + settings.className + " select {width: 100%;}</style>");
}
});
}
})(jQuery)

6
data/js/selectFix.min.js vendored Normal file
View File

@@ -0,0 +1,6 @@
(function (a) { a.fn.selectFix = function (b) { a(this).each(function () { var d = a.extend({ extraStyles: true, responsive: false, arrow: true, arrowWidth: 20, arrowContent: "", className: "select", classText: "text", classArrow: "arrow", classFocus: "focused", classEnd: "selected", display: "inline-block" }, b); var g = "." + d.className; var k = a(this); k.css({ "-webkit-appearance": "none", "box-sizing": "border-box", "-moz-box-sizing": "border-box", "-webkit-box-sizing": "border-box", cursor: "pointer" }); var f; if (k.children("option:selected").size() > 0) { f = k.children("option:selected").eq(0).text(); } else { f = k.children("option").eq(0).text(); } var j = k.css("height"); var c = k.css("width").replace("px", ""); var h; if (d.responsive) { h = (100 * parseInt(c.replace("px", "")) / parseInt(k.parent().css("width").replace("px", ""))) + "%"; } else { h = c + "px"; } var i; var e = String(d.arrowWidth); if (e.indexOf("px") < 0 && e.indexOf("%") < 0) { e = e + "px"; } if (d.arrow == true) { i = '<span style="display: block; height: 100%; position: absolute; right: 0; width: ' + e + ';" class="' + d.classArrow + '">' + d.arrowContent + "</span>"; } else { i = ""; } k.css({ display: "block", left: 0, opacity: 0, position: "absolute", top: 0, "z-index": 1 }).wrap('<div class="' + d.className + '"style="overflow: hidden; display: ' + d.display + "; position: relative; width: " + h + ';"></div>').closest(g).append('<span style="display: block; left: 0; height: ' + j + '; line-height: inherit; position: absolute; top: 0; width: 100%;" class="' + d.classText + '">' + f + "</span>" + i); k.bind({ change: function (l) { k.siblings("." + d.classText).html(k.children("option[value=" + k.val() + "]").text()); if (d.extraStyles == true) { k.parent(g).addClass(d.classEnd).removeClass(d.classFocus); } if (k.val() == "" || k.val() == undefined || k.val() == null) { k.parent(g).removeClass(d.classEnd); } }, focus: function (l) { if (d.extraStyles == true) { k.parent(g).addClass(d.classFocus); } k.keyup(function () { k.siblings("." + d.classText).html(a(this).children("option:selected").text()); }); }, click: function () { if (d.extraStyles == true) { k.parent(g).addClass(d.classFocus); } }, blur: function () { if (d.extraStyles == true) { k.parent(g).removeClass(d.classFocus); } } }); if (a(".stlyesFor" + d.className).size() < 1) { k.after('<style type="text/css" class="stlyesFor' + d.className + '">.' + d.className + " select {width: 100%;}</style>"); } }); }; })(jQuery);
/*/////////////////////////////////////////////////////////////////////////////////
VERSION 1.3 - Updated January 4, 2011
CREATED BY KEVIN MACK
DETAILS: http://nicetransition.com/_plugins/jQuery-Cross-Browser-Select-Fix
//////////////////////////////////////////////////////////////////////////////////*/