|
|
| (36 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
|
| |
|
| /*******************************************************************************/ | | /******************************************************************************* |
| /* Javascript ... pour test avant de passer en common pour tous */
| | Javascript ... pour test avant de passer en common pour tous |
| /* */
| | http://www.mediawiki.org/w/index.php?... |
| /* http://www.mediawiki.org/w/index.php?... */
| | ********************************************************************************/ |
| /********************************************************************************/
| |
| | |
| //alert("Dans D/common.js");
| |
|
| |
|
| | //alert ("Daniel:common.js"); |
| | |
| //--------------------------------------------------------------------------- | | //--------------------------------------------------------------------------- |
| // Test de boutons zoom et zoom out d'une page | | // Rappels et notes |
| //--------------------------------------------------------------------------- | | //--------------------------------------------------------------------------- |
|
| |
| /* | | /* |
| Voir
| | $(xxx) est une fonction de sélection de jquery. xxx est le critère de sélection. |
| https://www.mediawiki.org/wiki/Gadget_kitchen
| | 'div' pour avoir toutes les div du document |
| https://www.mediawiki.org/wiki/ChickTech_High_School_Kickoff_2017/Tasks
| | '.dsg_example-placeholder' pour avoir la div qui utilise cet id ou css |
| */
| | ... |
| | |
| /*
| |
| // toggled by toggle button. also determines which toggle button image to use
| |
| var useCustom = false;
| |
| | |
| // toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default
| |
| var toggleImgs = [
| |
| '//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_search_black_24px.svg',
| |
| '//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_youtube_searched_for_black_24px.svg'
| |
| ];
| |
| var zoomInImg = '//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_zoom_in_black_24px.svg';
| |
| var zoomOutImg = '//storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_zoom_out_black_24px.svg';
| |
| | |
| // create DOM elements
| |
| $('#firstHeading').append('<div id="zoomButtons">\
| |
| <img src="' + zoomInImg + '" alt="zoom in" onclick="zoom(1)">\
| |
| <img src="' + zoomOutImg + '" alt="zoom out" onclick="zoom(-1)">\
| |
| <img id="toggleButton" src="' + toggleImgs[+ useCustom] +
| |
| '" alt="toggle zoom" onclick="toggle()"> </div>');
| |
| $('#zoomButtons').css({'float': 'right'});
| |
| | |
| // find DOM elements used later
| |
| var $bodyContent = $('.mw-body-content');
| |
| var $toggleButton = $('#toggleButton');
| |
| | |
| // sizes[0] is default, sizes[1] is custom
| |
| var sizes = [parseFloat($('.mw-body-content').css('font-size'))];
| |
| // default custom zoom of 2
| |
| sizes[1] = sizes[0] + 2;
| |
| | |
| // the + converts bool to 0 or 1 to use as array index
| |
| function updateSize() {
| |
| $bodyContent.css({'font-size':(sizes[+ useCustom] + 'pt')});
| |
| }
| |
| function toggle() {
| |
| useCustom = !useCustom;
| |
| $toggleButton.attr('src',toggleImgs[+ useCustom]);
| |
| updateSize();
| |
| }
| |
| function zoom(dif) {
| |
| sizes[1] += dif;
| |
| if (useCustom) {
| |
| updateSize();
| |
| } else {
| |
| toggle();
| |
| }
| |
| }
| |
| | |
| */ | | */ |