Widget:HoverCard: Difference between revisions

From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Pillowkeeper
mNo edit summary
imported>Pillowkeeper
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<style>


iframe{
<script>
height: 2000px;
    window.addEventListener("load", function () {  
width: 500px;
      var quotes = [
position: absolute;
        {
top: -500px;
          text: "text1",
}
        },
 
        {
.box{
          text: "text2",
    display: none;
        },
}
        {
 
          text: "text3",
a:hover + .box,.box:hover{
        },
    display: block;
        {
    position: relative;
          text: "text4",
    z-index: 100;
        },
}
        {
</style>
          text: "text5",
<a href="http://live.urealms.com/cards#accessory-00025-bagofbones">Bag of Bones</a>
        }
<div class="box">
      ];
<iframe src="http://live.urealms.com/cards#accessory-00025-bagofbones" scrolling="no" id="card" width = "450px" height = "500px">
      var quote = quotes[Math.floor(Math.random() * quotes.length)];
</iframe>
      document.getElementById("text").innerHTML =
</div>
        '<p>' + quote.text + '</p>';
    })();
  </script>
<div id="text"></div>

Latest revision as of 01:59, 14 December 2016

<script>
   window.addEventListener("load", function () { 
     var quotes = [
       {
         text: "text1",
       },
       {
         text: "text2",
       },
       {
         text: "text3",
       },
       {
         text: "text4",
       },
       {
         text: "text5",
       }
     ];
     var quote = quotes[Math.floor(Math.random() * quotes.length)];
     document.getElementById("text").innerHTML =

'

' + quote.text + '

';

   })();
 </script>