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("stat_calculator")) {
        costumeSelection = document.getElementById("costumeSelection").value;
         calculator_element = document.getElementById("skill_calculator");
 
         calculator_element.outerHTML =
        $("#fullart a").attr("href", costumeSelection);
            '<div id="stat_calculator" style="color:blue">TEST</div>'
        $("#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>


<div id="skill_calculator">1</div>
</noinclude>