MediaWiki:Tierlist.js: Difference between revisions
Jump to navigation
Jump to search
(Created page with "mw.loader.using('mediawiki.util').then(function () { console.log("✅ TierList.js loaded"); document.querySelectorAll(".tier-item").forEach(function (item) { item.draggable = true; item.addEventListener("dragstart", function (e) { e.dataTransfer.setData("text/plain", item.id); }); }); document.querySelectorAll(".tier-items").forEach(function (tier) { tier.addEventListener("dragover", function (e) {...") |
No edit summary |
||
| Line 3: | Line 3: | ||
console.log("✅ TierList.js loaded"); | console.log("✅ TierList.js loaded"); | ||
document.querySelectorAll(".tier-item").forEach(function (item) { | let draggedItem = null; | ||
document.querySelectorAll(".tier-item").forEach(function(item) { | |||
item.draggable = true; | item.draggable = true; | ||
item.addEventListener("dragstart", function ( | item.addEventListener("dragstart", function() { | ||
draggedItem = item; | |||
console.log("Dragging:", item.id); | |||
}); | }); | ||
| Line 14: | Line 17: | ||
document.querySelectorAll(".tier-items").forEach(function ( | document.querySelectorAll(".tier-items").forEach(function(container) { | ||
container.addEventListener("dragover", function(e) { | |||
e.preventDefault(); | e.preventDefault(); | ||
}); | }); | ||
container.addEventListener("drop", function(e) { | |||
e.preventDefault(); | e.preventDefault(); | ||
if (draggedItem) { | |||
container.appendChild(draggedItem); | |||
console.log("Dropped:", draggedItem.id); | |||
} | } | ||
Revision as of 09:10, 18 July 2026
mw.loader.using('mediawiki.util').then(function () {
console.log("✅ TierList.js loaded");
let draggedItem = null;
document.querySelectorAll(".tier-item").forEach(function(item) {
item.draggable = true;
item.addEventListener("dragstart", function() {
draggedItem = item;
console.log("Dragging:", item.id);
});
});
document.querySelectorAll(".tier-items").forEach(function(container) {
container.addEventListener("dragover", function(e) {
e.preventDefault();
});
container.addEventListener("drop", function(e) {
e.preventDefault();
if (draggedItem) {
container.appendChild(draggedItem);
console.log("Dropped:", draggedItem.id);
}
});
});
});