|
|
| (32 revisi perantara oleh pengguna yang sama tidak ditampilkan) |
| Baris 1: |
Baris 1: |
| /* JavaScript yang ada di sini akan diterapkan untuk semua kulit. */ | | /* JavaScript yang ada di sini akan diterapkan untuk semua kulit. */ |
|
| |
|
| // <syntax type="javascript"> | | /* Code dari MediaWiki:Common.js sebagian besar dipindahkan ke MediaWiki_Talk:Common.js sejak 11 Oktober 2022 */ |
|
| |
|
| /**
| |
| Toggles the display of elements on a page
| |
| Author/contact: Austin Che http://openwetware.org/wiki/User:Austin_J._Che
| |
| See http://openwetware.org/wiki/OpenWetWare:Toggle for examples and documentation
| |
| */
| |
|
| |
|
| // indexed array of toggler ids to array of associated toggle operations
| | $(document).ready(function() { |
| // each operation is a two element array, the first being the type, the second a class name or array of elements
| | $('.carousel').carousel(); |
| // operation types are strings like "_reset" or "" for the default toggle operation
| | }); |
| var togglers = new Array();
| |
| var allClasses = new Object(); // associative map of class names to page elements
| |
|
| |
|
| function toggler(id) | | $(document).ready(function() { |
| { | | $('#myCarousel').carousel(); |
| var toBeToggled = togglers[id]; | | }); |
| if (!toBeToggled)
| |
| return;
| |
|
| |
|
| // if some element is in list more than once, it will be toggled multiple times
| | /* |
| for (var i = 0; i < toBeToggled.length; i++)
| | $('button').click(function(){ //you can give id or class name here for $('button') |
| {
| | $(this).text(function(i,old){ |
| // get array of elements to operate on
| | return old=='+' ? '-' : '+'; |
| var toggles = toBeToggled[i][1];
| | }); |
| if (typeof(toggles) == "string")
| | }); |
| {
| | */ |
| if (toggles.charAt(0) == '-')
| |
| {
| |
| // treat as an element ID, not as class
| |
| toggles = document.getElementById(toggles.substring(1));
| |
| if (toggles)
| |
| toggles = new Array(toggles);
| |
| }
| |
| else
| |
| toggles = allClasses[toggles];
| |
| }
| |
| if (!toggles || !toggles.length)
| |
| continue;
| |
|
| |
|
| var op = toBeToggled[i][0]; // what the operation will be
| | /* Didapat dari: |
| | https://stackoverflow.com/questions/23101966/bootstrap-alert-auto-close |
|
| |
|
| switch (op)
| | Menggunakan id="success-alert" |
| {
| | */ |
| case "_reset":
| | $("#alert-hideable").fadeTo(10000, 500).slideUp(500, function(){ |
| for (var j in toggles)
| | $("#alert-hideable").slideUp(500); |
| toggles[j].style.display = toggles[j]._toggle_original_display;
| | }); |
| break;
| |
| case "_show":
| |
| for (var j in toggles)
| |
| toggles[j].style.display = '';
| |
| break;
| |
| case "_hide":
| |
| for (var j in toggles)
| |
| toggles[j].style.display = 'none';
| |
| break;
| |
| case "":
| |
| default:
| |
| // Toggle
| |
| for (var j in toggles)
| |
| toggles[j].style.display = ((toggles[j].style.display == 'none') ? '' : 'none');
| |
| break;
| |
| }
| |
| }
| |
| }
| |
|
| |
|
| function createTogglerLink(toggler, id)
| | $("#alert-hideable-1").fadeTo(10000, 500).slideUp(500, function(){ |
| {
| | $("#alert-hideable-1").slideUp(500); |
| var toggle = document.createElement("a");
| | }); |
| toggle.className = 'toggler-link';
| |
| toggle.setAttribute('id', 'toggler' + id);
| |
| toggle.setAttribute('href', 'javascript:toggler("' + id + '");');
| |
| var child = toggler.firstChild;
| |
| toggler.removeChild(child); | |
| toggle.appendChild(child);
| |
| toggler.insertBefore(toggle, toggler.firstChild);
| |
| }
| |
|
| |
|
| function toggleInit() | | $("#alert-hideable-2").fadeTo(10000, 500).slideUp(500, function(){ |
| { | | $("#alert-hideable-2").slideUp(500); |
| var togglerElems = new Array(); | | }); |
| var toggleGroup = new Array();
| |
|
| |
|
| // initialize/clear any old information
| |
| togglers = new Array();
| |
| allClasses = new Object();
| |
|
| |
| // make list of all document classes
| |
| var elems = document.getElementsByTagName("*");
| |
| var numelems = elems.length;
| |
| for (var i = 0; i < elems.length; i++)
| |
| {
| |
| var elem = elems[i];
| |
| if (!elem.className)
| |
| continue;
| |
|
| |
|
| elem._toggle_original_display = elem.style.display;
| | var one = document.querySelector("#sidebar-right"); |
| var togglerID = -1;
| | var children = document.querySelector(".catlinks").children; |
| var elemClasses = elem.className.split(' '); // get list of classes
| |
| for (var j = 0; j < elemClasses.length; j++)
| |
| {
| |
| var elemClass = elemClasses[j];
| |
| if (! allClasses[elemClass])
| |
| allClasses[elemClass] = new Array();
| |
| allClasses[elemClass].push(elem);
| |
|
| |
|
| // all the special classes begin with _toggle
| | Array.prototype.forEach.call(children, function (child) { |
| if (elemClass.substring(0, 7) != "_toggle")
| | one.appendChild(child); |
| continue;
| | }); |
| | |
| if (elemClass == "_togglegroup")
| |
| toggleGroup = new Array();
| |
| else if (elemClass == "_toggle")
| |
| toggleGroup.push(elem);
| |
| else if (elemClass.substring(0, 12) == "_toggle_init")
| |
| {
| |
| // set initial value for display (ignore the original CSS set value)
| |
| // understands _toggle_initshow and _toggle_inithide
| |
| var disp = elemClass.substring(12);
| |
| if (disp == "show")
| |
| elem.style.display = '';
| |
| else if (disp == "hide")
| |
| elem.style.display = 'none';
| |
| elem._toggle_original_display = disp;
| |
| }
| |
| else if (elemClass.substring(0, 8) == "_toggler")
| |
| {
| |
| if (togglerID == -1)
| |
| {
| |
| togglerID = togglers.length;
| |
| togglers[togglerID] = new Array();
| |
| togglerElems[togglerID] = elem;
| |
| }
| |
| | |
| // all classes are of form _toggler_op-CLASS
| |
| // figure out what class we're toggling
| |
| // if none is specified, then we use the current toggle group
| |
| var toBeToggled;
| |
| var hyphen = elemClass.indexOf('-');
| |
| if (hyphen != -1)
| |
| toBeToggled = elemClass.substring(hyphen+1);
| |
| else
| |
| {
| |
| toBeToggled = toggleGroup;
| |
| hyphen = elemClass.length;
| |
| }
| |
| | |
| var op = elemClass.substring(8, hyphen);
| |
| togglers[togglerID].push(new Array(op, toBeToggled));
| |
| }
| |
| }
| |
| } | |
| | |
| // add javascript links to all toggler elements
| |
| for (var i = 0; i < togglerElems.length; i++)
| |
| createTogglerLink(togglerElems[i], i);
| |
| } | |
| | |
| | |
| function owwsitesearch(f){
| |
| f.q.value='site:http://openwetware.org/wiki/'+
| |
| f.base.value+'++'+f.qfront.value
| |
| }
| |
| | |
| | |
| addOnloadHook(toggleInit);
| |
| | |
| // </syntax>
| |
/* JavaScript yang ada di sini akan diterapkan untuk semua kulit. */
/* Code dari MediaWiki:Common.js sebagian besar dipindahkan ke MediaWiki_Talk:Common.js sejak 11 Oktober 2022 */
$(document).ready(function() {
$('.carousel').carousel();
});
$(document).ready(function() {
$('#myCarousel').carousel();
});
/*
$('button').click(function(){ //you can give id or class name here for $('button')
$(this).text(function(i,old){
return old=='+' ? '-' : '+';
});
});
*/
/* Didapat dari:
https://stackoverflow.com/questions/23101966/bootstrap-alert-auto-close
Menggunakan id="success-alert"
*/
$("#alert-hideable").fadeTo(10000, 500).slideUp(500, function(){
$("#alert-hideable").slideUp(500);
});
$("#alert-hideable-1").fadeTo(10000, 500).slideUp(500, function(){
$("#alert-hideable-1").slideUp(500);
});
$("#alert-hideable-2").fadeTo(10000, 500).slideUp(500, function(){
$("#alert-hideable-2").slideUp(500);
});
var one = document.querySelector("#sidebar-right");
var children = document.querySelector(".catlinks").children;
Array.prototype.forEach.call(children, function (child) {
one.appendChild(child);
});