« Utilisateur:Daniel/common.js » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 34 : | Ligne 34 : | ||
var copyText = new mw.widgets.CopyTextLayout( { | var copyText = new mw.widgets.CopyTextLayout( { | ||
title: 'Copy the text', | title: 'Copy the text', | ||
help: 'ceci est aide', | help: 'ceci est aide', | ||
copyText: '\{\{subst:Modèle:entrée\}\}' | copyText: '\{\{subst:Modèle:entrée\}\}' |
Version du 3 décembre 2023 à 12:07
/******************************************************************************* Javascript ... pour test avant de passer en common pour tous http://www.mediawiki.org/w/index.php?... ********************************************************************************/ //--------------------------------------------------------------------------- // Rappels et notes //--------------------------------------------------------------------------- /* $(xxx) est une fonction de sélection de jquery. xxx est le critère de sélection. 'div' pour avoir toutes les div du document '.dsg_example-placeholder' pour avoir la div qui utilise cet id ou css ... */ //--------------------------------------------------------------------------- // Test de copie d'un texte par bouton 11/2023 //--------------------------------------------------------------------------- /* Voir https://www.mediawiki.org/wiki/Gadget_kitchen https://www.mediawiki.org/wiki/Manual:CopyTextLayout https://www.mediawiki.org/wiki/How_to_enhance_wiki_content_with_JavaScript https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=mobile#ButtonWidget-normal */ mw.loader.using('mediawiki.widgets').then( function (){ var copyText = new mw.widgets.CopyTextLayout( { title: 'Copy the text', help: 'ceci est aide', copyText: '\{\{subst:Modèle:entrée\}\}' } ); //$( '#bodyContent' ).prepend( copyText.$element ); $( '.dsg_RecetteCategorie' ).append(copyText.$element ); }); /* mw.loader.using('mediawiki.widgets').then( function (){ // A ButtonInputWidget rendered as an HTML button, the default. var button = new OO.ui.ButtonInputWidget( { label: 'Input button', icon: 'check', value: 'check' } ); $( '#mw-content-text' ).append( button.$element ); }); */ //--------------------------------------------------------------------------- // Test de boutons zoom et zoom out d'une page //--------------------------------------------------------------------------- /* Voir https://www.mediawiki.org/wiki/Gadget_kitchen https://www.mediawiki.org/wiki/ChickTech_High_School_Kickoff_2017/Tasks */ /* // 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(); } } //*/