https://lagny-sur-marne.wiki/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.js
MediaWiki:Common.js - Historique des versions
2026-05-25T07:58:10Z
Historique des versions pour cette page sur le wiki
MediaWiki 1.43.0
https://lagny-sur-marne.wiki/index.php?title=MediaWiki:Common.js&diff=38917&oldid=prev
Oxymore le 28 août 2021 à 15:05
2021-08-28T15:05:43Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 28 août 2021 à 15:05</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>function initComparisons() {</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">$(</ins>function initComparisons() {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var x, i;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var x, i;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> /*find all elements with an "overlay" class:*/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> /*find all elements with an "overlay" class:*/</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l74">Ligne 74 :</td>
<td colspan="2" class="diff-lineno">Ligne 74 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}<ins style="font-weight: bold; text-decoration: none;">);</ins></div></td></tr>
</table>
Oxymore
https://lagny-sur-marne.wiki/index.php?title=MediaWiki:Common.js&diff=38914&oldid=prev
Oxymore : .js
2021-08-28T09:10:12Z
<p>.js</p>
<p><b>Nouvelle page</b></p><div>function initComparisons() {<br />
var x, i;<br />
/*find all elements with an "overlay" class:*/<br />
x = document.getElementsByClassName("img-comp-overlay");<br />
for (i = 0; i < x.length; i++) {<br />
/*once for each "overlay" element:<br />
pass the "overlay" element as a parameter when executing the compareImages function:*/<br />
compareImages(x[i]);<br />
}<br />
function compareImages(img) {<br />
var slider, img, clicked = 0, w, h;<br />
/*get the width and height of the img element*/<br />
w = img.offsetWidth;<br />
h = img.offsetHeight;<br />
/*set the width of the img element to 50%:*/<br />
img.style.width = (w / 2) + "px";<br />
/*create slider:*/<br />
slider = document.createElement("DIV");<br />
slider.setAttribute("class", "img-comp-slider");<br />
/*insert slider*/<br />
img.parentElement.insertBefore(slider, img);<br />
/*position the slider in the middle:*/<br />
slider.style.top = (h / 2) - (slider.offsetHeight / 2) + "px";<br />
slider.style.left = (w / 2) - (slider.offsetWidth / 2) + "px";<br />
/*execute a function when the mouse button is pressed:*/<br />
slider.addEventListener("mousedown", slideReady);<br />
/*and another function when the mouse button is released:*/<br />
window.addEventListener("mouseup", slideFinish);<br />
/*or touched (for touch screens:*/<br />
slider.addEventListener("touchstart", slideReady);<br />
/*and released (for touch screens:*/<br />
window.addEventListener("touchend", slideFinish);<br />
function slideReady(e) {<br />
/*prevent any other actions that may occur when moving over the image:*/<br />
e.preventDefault();<br />
/*the slider is now clicked and ready to move:*/<br />
clicked = 1;<br />
/*execute a function when the slider is moved:*/<br />
window.addEventListener("mousemove", slideMove);<br />
window.addEventListener("touchmove", slideMove);<br />
}<br />
function slideFinish() {<br />
/*the slider is no longer clicked:*/<br />
clicked = 0;<br />
}<br />
function slideMove(e) {<br />
var pos;<br />
/*if the slider is no longer clicked, exit this function:*/<br />
if (clicked == 0) return false;<br />
/*get the cursor's x position:*/<br />
pos = getCursorPos(e)<br />
/*prevent the slider from being positioned outside the image:*/<br />
if (pos < 0) pos = 0;<br />
if (pos > w) pos = w;<br />
/*execute a function that will resize the overlay image according to the cursor:*/<br />
slide(pos);<br />
}<br />
function getCursorPos(e) {<br />
var a, x = 0;<br />
e = (e.changedTouches) ? e.changedTouches[0] : e;<br />
/*get the x positions of the image:*/<br />
a = img.getBoundingClientRect();<br />
/*calculate the cursor's x coordinate, relative to the image:*/<br />
x = e.pageX - a.left;<br />
/*consider any page scrolling:*/<br />
x = x - window.pageXOffset;<br />
return x;<br />
}<br />
function slide(x) {<br />
/*resize the image:*/<br />
img.style.width = x + "px";<br />
/*position the slider:*/<br />
slider.style.left = img.offsetWidth - (slider.offsetWidth / 2) + "px";<br />
}<br />
}<br />
}</div>
Oxymore