Widget:StatTable: Difference between revisions

(39 intermediate revisions by 3 users not shown)

Line 1:

RLQ.push(function () {

$(document).ready(function() {

if (document.getElementById("stat_table")) {

st_element = document.getElementById("stat_table");

st_element.outerHTML =

st_element.outerHTML = '<div id="stat_table" style="color:blue"></div>';

'<div id="stat_table" style="color:blue"></div>'

}

swap_costume();

window.iopwidgets.StatTable.swap_costume();

});

}]);

~~function swap_costume() {~~

~~costumeSelection = document.getElementById("costumeSelection").value;~~

// document.getElementById("fullart").innerHTML = "<a href=\"/wiki/File:Springfield.png\" class=\"image\"><img src=\"/wiki/Special:Filepath/Springfield" + costumeSelection + ".png?width=420\" srcset=\"/wiki/Special:Filepath/Springfield" + costumeSelection + ".png?width=630 1.5x, /wiki/Special:Filepath/Springfield" + costumeSelection + ".png?width=840 2x\" data-file-width=\"1024\" data-file-height=\"1024\" height=\"420\" width=\"420\"></img></a>";

~~$("#fullart a").attr("href", "/wiki/File:Springfield" + costumeSelection + ".png");~~

~~$("#fullart a img").attr("src", "/wiki/Special:Filepath/Springfield" + costumeSelection + ".png");~~

}

</script>

<option value="" selected="selected">Default</option>

<option value="" selected="selected">Default</option>

</select>

Line 34:

Line 23:

{{#widget:StatTable|dmg_max=999|costume1=test1|costume2=test2|costume3=test3}}

{{#widget:StatTable

<div id="fullart">[[file:Springfield.png]]</div>

|dmg_max=999

<div id="~~fullart~~"~~>[[file~~:~~Springfield.png]]</div>~~

|defaultpath={{filepath:Springfield.png|420}}

~~<div id~~="~~fullart~~">[[~~file~~:~~Springfield~~.png]]</div>

|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>

@@ Line 1: / Line 1: @@
 <includeonly>
-<script>
+<script>RLQ.push(['md5hasher', function () {
-RLQ.push(function () {
+  $(document).ready(function() {
-$(document).ready(function() {
 	if (document.getElementById("stat_table")) {
          st_element = document.getElementById("stat_table");
-         st_element.outerHTML =
+         st_element.outerHTML = '<div id="stat_table" style="color:blue"><!--{$dmg_max|escape:'html'}--></div>';
-            '<div id="stat_table" style="color:blue"><!--{$dmg_max|escape:'html'}--></div>'
 	}
-	swap_costume();
+    window.iopwidgets.StatTable.swap_costume();
-});
+  });
-});
+}]);
-function swap_costume() {
-        costumeSelection = document.getElementById("costumeSelection").value;
-        // document.getElementById("fullart").innerHTML = "<a href=\"/wiki/File:Springfield.png\" class=\"image\"><img src=\"/wiki/Special:Filepath/Springfield" + costumeSelection + ".png?width=420\" srcset=\"/wiki/Special:Filepath/Springfield" + costumeSelection + ".png?width=630 1.5x, /wiki/Special:Filepath/Springfield" + costumeSelection + ".png?width=840 2x\" data-file-width=\"1024\" data-file-height=\"1024\" height=\"420\" width=\"420\"></img></a>";
-        $("#fullart a").attr("href", "/wiki/File:Springfield" + costumeSelection + ".png");
-        $("#fullart a img").attr("src", "/wiki/Special:Filepath/Springfield" + costumeSelection + ".png");
-}
 </script>
 <select id="costumeSelection" onchange="swap_costume()">
-<option value="" selected="selected">Default</option>
+<option value="<!--{$defaultpath|escape:'html'}-->" selected="selected">Default</option>
 <option value="_Mod">Mod</option>
-<option value="_costume1"><!--{$costume1|escape:'html'}--></option>
+<option value="<!--{$costume1path|escape:'html'}-->"><!--{$costume1|escape:'html'}--></option>
-<option value="_costume2"><!--{$costume2|escape:'html'}--></option>
+<option value="<!--{$costume2path|escape:'html'}-->"><!--{$costume2|escape:'html'}--></option>
-<option value="_costume3"><!--{$costume3|escape:'html'}--></option>
+<option value="<!--{$costume3path|escape:'html'}-->"><!--{$costume3|escape:'html'}--></option>
 </select>
@@ Line 34: / Line 23: @@
 <noinclude>
-{{#widget:StatTable|dmg_max=999|costume1=test1|costume2=test2|costume3=test3}}
+{{#widget:StatTable
-<div id="fullart">[[file:Springfield.png]]</div>
+|dmg_max=999
-<div id="fullart">[[file:Springfield.png]]</div>
+|defaultpath={{filepath:Springfield.png|420}}
-<div id="fullart">[[file:Springfield.png]]</div>
+|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>