Widget:HoverCard: Difference between revisions

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


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