Done !
| Server IP : 46.105.57.169 / Your IP : 216.73.216.67 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/TF89388/wp-content/themes/noisa/admin/fields/switch_button/ |
Upload File : |
(function($) {
jQuery.fn.toggleSwitch = function (params) {
var defaults = {
highlight: true,
width: 25,
change: null
};
var options = $.extend({}, defaults, params);
$(this).each(function (i, item) {
generateToggle(item);
});
function generateToggle(selectObj) {
// create containing element
var $contain = $("<div />").addClass("ui-toggle-switch");
// generate labels
$(selectObj).find("option").each(function (i, item) {
$contain.append("<label>" + $(item).text() + "</label>");
}).end().addClass("ui-toggle-switch");
// generate slider with established options
var $slider = $("<div />").slider({
min: 0,
max: 100,
animate: "fast",
change: options.change,
stop: function (e, ui) {
var roundedVal = Math.round(ui.value / 100);
var self = this;
window.setTimeout(function () {
toggleValue(self.parentNode, roundedVal);
}, 11);
},
range: (options.highlight && !$(selectObj).data("hideHighlight")) ? "max" : null
}).width(options.width);
// put slider in the middle
$slider.insertAfter(
$contain.children().eq(0)
);
// bind interaction
$contain.delegate("label", "click", function () {
if ($(this).hasClass("ui-state-active")) {
return;
}
var labelIndex = ($(this).is(":first-child")) ? 0 : 1;
toggleValue(this.parentNode, labelIndex);
});
function toggleValue(slideContain, index) {
$(slideContain).find("label").eq(index).addClass("ui-state-active").siblings("label").removeClass("ui-state-active");
$(slideContain).parent().find("option").attr("selected", false);
$(slideContain).parent().find("option").eq(index).attr("selected", true);
$(slideContain).find(".ui-slider").slider("value", index * 100);
}
// initialise selected option
$contain.find("label").eq(selectObj.selectedIndex).click();
// add to DOM
$(selectObj).parent().append($contain);
}
};
}) (jQuery);