|
|
| Line 3: |
Line 3: |
| <script> | | <script> |
| window.addEventListener("load", function () { | | window.addEventListener("load", function () { |
| var list = [
| | |
| {
| | var list = []; |
| text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.",
| | |
| img: "https://wiki.urealms.com/images/8/84/Bopen_Puppet.png"
| | <!--{foreach from=$character key=characterName item=data}--> |
| },
| | var obj = {}; |
| {
| | obj["text"] = "<!--{$data.text|escape:'javascript'}-->"; |
| text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.",
| | obj["img"] = "<!--{$data.image|escape:'javascript'}-->"; |
| img: "https://wiki.urealms.com/images/f/f3/Jebediah_Icon.png",
| | list.push(obj); |
| },
| | <!--{/foreach}--> |
| {
| | |
| text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.",
| |
| img: "https://wiki.urealms.com/images/3/3a/Karl_Icon.png"
| |
| },
| |
| {
| |
| text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.",
| |
| img: "https://wiki.urealms.com/images/b/b8/Usu_Icon.png"
| |
| },
| |
| {
| |
| text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare ex felis, nec tempor enim lobortis eget. Aenean lorem turpis, porttitor eu vehicula vehicula, efficitur.",
| |
| img: "https://wiki.urealms.com/images/1/11/Lunk_Icon.png"
| |
| }
| |
| ];
| |
| var pick = list[Math.floor(Math.random() * list.length)]; | | var pick = list[Math.floor(Math.random() * list.length)]; |
| var pane = document.getElementById("character"); | | var pane = document.getElementById("character"); |
| pane.insertAdjacentHTML( ' beforebegin', '<img src="' + pick.img + '" height="100" width ="100">'); | | pane.insertAdjacentHTML( ' beforeend', '<img src="' + pick.img + '" height="100" width ="100">'); |
| pane.insertAdjacentHTML( 'beforeend', pick.text); | | pane.insertAdjacentHTML( 'beforeend', pick.text); |
| })(); | | })(); |
| </script> | | </script> |
<script>
window.addEventListener("load", function () {
var list = [];
var obj = {};
obj["text"] = "";
obj["img"] = "";
list.push(obj);
var pick = list[Math.floor(Math.random() * list.length)];
var pane = document.getElementById("character");
pane.insertAdjacentHTML( 'beforeend', '<img src="' + pick.img + '" height="100" width ="100">');
pane.insertAdjacentHTML( 'beforeend', pick.text);
})();
</script>
