| // ==UserScript== | |
| // @name go to top | |
| // @namespace gototop | |
| // @description Add a button to go to top | |
| // @include * | |
| // @version 1 | |
| // @grant none | |
| // @require https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js | |
| // ==/UserScript== | |
| $(document).ready(function () { |
| // ==UserScript== | |
| // @name jt-toolbar | |
| // @namespace jt-toolbar | |
| // @description toolbar for scroll to top, to bottom, and other functionalities | |
| // @include * | |
| // @version 1.22 | |
| // @grant none | |
| // @require https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js | |
| // ==/UserScript== | |
| $(document).ready(function () { |
Example of modal in CSS only, here we use the pseudo selector ":target" and no javascript for modal action.
Thanks ands credit to http://codepen.io/LFeh/pen/oEula/ and http://drublic.github.io/css-modal/
Forked from Luiz Felipe Tartarotti Fialho's Pen Modal - Pure CSS (no Javascript).
| // ==UserScript== | |
| // @name libs | |
| // @namespace useful scripts | |
| // @description load tons of useful scrips as jQuery, Modernizr, etc ... for debugging in console. | |
| // @require http://code.jquery.com/jquery-1.12.0.min.js | |
| // @require http://underscorejs.org/underscore-min.js | |
| // @require https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js | |
| // @include * | |
| // @version 1 | |
| // @grant none |
| div id="block"> | |
| <p class="query"> | |
| </p> | |
| </div> |
| /** | |
| * Defer iframe loading. | |
| * | |
| * Markup: | |
| * <div class="defer-iframe" data-src="{SOURCE URL}" data-{ATTR}="{VAL}"></div> | |
| */ | |
| $(window).load( function(){ | |
| if ($('.defer-iframe').length) { | |
| $('.defer-iframe').each( function() { | |
| var $iframe = $('<iframe frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'); |
| function iframeLazyLoading(iframe_height) { | |
| var iframes = $('iframe'); | |
| $(document).on("scroll", function(event) { | |
| iframes.each(function(index) { | |
| var iframe = $(this); | |
| if ($(document).scrollTop() > index*iframe_height) { |
| // ==UserScript== | |
| // @name NL-Checker User Script | |
| // @namespace NL-Checker | |
| // @description Script de vérifications Newsletter HTML | |
| // @icon https://github.com/Elfhir/NL-checker/tree/master/GreaseMonkey/skin/logo.png | |
| // @downloadURL https://github.com/Elfhir/NL-checker/blob/master/GreaseMonkey/checker.user.js | |
| // @version 2.3 | |
| // @grant none | |
| // @require http://code.jquery.com/jquery-1.11.3.min.js | |
| // @include http://127.0.0.1:8091/nl/* |
| var intervals = [2,3,4,5]; | |
| var index = 0; | |
| /** | |
| * Custom "setInterval" with internal function modifying the interval | |
| * | |
| * @param callback The function to call various times | |
| * intervals A duration using seconds | |
| * index |
| <iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen> | |
| </iframe> |