Widget:FeaturedCharacter: Difference between revisions
From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Pillowkeeper Featured Character randomizer |
imported>Pillowkeeper mNo edit summary |
||
| Line 5: | Line 5: | ||
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.", | 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" | img: "https://wiki.urealms.com/images/8/84/Bopen_Puppet.png" | ||
}, | }, | ||
{ | { | ||
text: " | 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/f/f3/Jebediah_Icon.png", | img: "https://wiki.urealms.com/images/f/f3/Jebediah_Icon.png", | ||
}, | }, | ||
{ | { | ||
text: " | 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" | img: "https://wiki.urealms.com/images/3/3a/Karl_Icon.png" | ||
}, | }, | ||
{ | { | ||
text: " | 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" | img: "https://wiki.urealms.com/images/b/b8/Usu_Icon.png" | ||
}, | }, | ||
{ | { | ||
text: " | 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" | img: "https://wiki.urealms.com/images/1/11/Lunk_Icon.png" | ||
} | } | ||
| Line 27: | Line 27: | ||
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( ' | pane.insertAdjacentHTML( 'beforebegin', '<img src="' + pick.img + '" height="100" width ="100">'); | ||
pane.insertAdjacentHTML( 'beforeend', pick.text); | pane.insertAdjacentHTML( 'beforeend', pick.text); | ||
})(); | })(); | ||
</script> | </script> | ||
Revision as of 19:09, 22 December 2016
<script> window.addEventListener("load", function () {
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"
},
{
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/f/f3/Jebediah_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/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 pane = document.getElementById("character");
pane.insertAdjacentHTML( 'beforebegin', '<img src="' + pick.img + '" height="100" width ="100">');
pane.insertAdjacentHTML( 'beforeend', pick.text); })(); </script>
