Widget:StatTable: Difference between revisions
Pianoforte (talk | contribs) test |
Added document-ready wait functionality as the MediaWiki does not wait for DOM |
||
(79 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<includeonly> | |||
<script> | <script> | ||
$(document).ready(function() { | function swap_costume() { | ||
if (document.getElementById(" | costumeSelection = document.getElementById("costumeSelection").value; | ||
$("#fullart a").attr("href", costumeSelection); | |||
$("#fullart a img").attr("src", costumeSelection); | |||
$("#fullart a img").attr("alt", costumeSelection); | |||
//$("#fullart a img").attr("srcset", "/wiki/Special:Redirect/file/Springfield" + costumeSelection + ".png 1.5x, /wiki/Special:Redirect/file/Springfield" + costumeSelection + ".png 2x"); | |||
$(".tdoll_chibi").attr("src", "/wiki/Special:Redirect/file/Springfield" + costumeSelection + "_S.png"); | |||
// As we change the link, we have to update the Thumb-Cache of the Media Viewer | |||
// Clear up the thumbs cache | |||
if (mv && mv.mmv && mv.mmv.bootstrap && mv.mmv.bootstrap.viewer) { | |||
mw.mmv.bootstrap.thumbs = []; | |||
// Search for all thumbs | |||
mw.mmv.bootstrap.processThumbs($("#content")); | |||
// Re-Init the viewer with the new thumbs | |||
mw.mmv.bootstrap.viewer.initWithThumbs(mw.mmv.bootstrap.thumbs); | |||
} | |||
} | |||
RLQ.push(['jquery', function () { | |||
$(document).ready(function() { | |||
if (document.getElementById("stat_table")) { | |||
st_element = document.getElementById("stat_table"); | |||
st_element.outerHTML = '<div id="stat_table" style="color:blue"><!--{$dmg_max|escape:'html'}--></div>'; | |||
} | } | ||
}); | swap_costume(); | ||
}); | |||
}]); | |||
</script> | </script> | ||
<select id="costumeSelection" onchange="swap_costume()"> | |||
<option value="<!--{$defaultpath|escape:'html'}-->" selected="selected">Default</option> | |||
<option value="_Mod">Mod</option> | |||
<option value="<!--{$costume1path|escape:'html'}-->"><!--{$costume1|escape:'html'}--></option> | |||
<option value="<!--{$costume2path|escape:'html'}-->"><!--{$costume2|escape:'html'}--></option> | |||
<option value="<!--{$costume3path|escape:'html'}-->"><!--{$costume3|escape:'html'}--></option> | |||
</select> | |||
<div id="stat_table">test</div> | |||
</includeonly> | |||
<noinclude> | |||
{{#widget:StatTable | |||
|dmg_max=999 | |||
|defaultpath={{filepath:Springfield.png|420}} | |||
|costume1=test1 | |||
|costume1path={{filepath:Springfield_costume1.png|420}} | |||
|costume2=test2 | |||
|costume2path={{filepath:Springfield_costume2.png|420}} | |||
|costume3=test3 | |||
|costume3path={{filepath:Springfield_costume3.png|420}} | |||
}} | |||
<div id="fullart" style="float:left; padding: 10px;">[[file:Springfield.png|420px]]</div> | |||
<div id="dummydiv" style="float:left; padding: 10px; border: thin solid white;" onclick="alert('hi');">[[File:Springfield_chibi.png|link=|center|class=tdoll_chibi]]</div> | |||
</noinclude> |