Widget:HoverCard: Difference between revisions

From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Pillowkeeper
mNo edit summary
imported>Pillowkeeper
mNo edit summary
Line 1: Line 1:
<a href="http://live.urealms.com/cards#<!--{$id|escape:'urlpathinfo'}-->">
<style>
<!--{$name|escape:'html'}--></a>
.box {
    display:none;
    position: absolute;
    z-index: +100;
    left: 50px;
}
 
a:hover + .box {
    display:block;
}
</style>
<a href="http://live.urealms.com/cards#accessory-00025-bagofbones">Bag of Bones</a>
<div class="box">
<div class="box">
<iframe src="http://live.urealms.com/cards#<!--{$id|escape:'urlpathinfo'}-->" scrolling="no" width="600" height="890" style="position:relative; top:-495px; overflow: hidden;">
<iframe src="http://live.urealms.com/cards#accessory-00025-bagofbones" id="card" width = "450px" height = "500px">
</iframe>
</iframe>
</div>
</div>
<script>
var myIframe = document.getElementById('card');
myIframe.onload = function () {
    myIframe.contentWindow.scrollTo(0,100);
}
</script>

Revision as of 17:30, 25 September 2016

<style> .box {

    display:none;
    position: absolute;
    z-index: +100;
    left: 50px;

}

a:hover + .box {

    display:block; 

} </style> <a href="http://live.urealms.com/cards#accessory-00025-bagofbones">Bag of Bones</a>

<iframe src="http://live.urealms.com/cards#accessory-00025-bagofbones" id="card" width = "450px" height = "500px"> </iframe>

<script> var myIframe = document.getElementById('card'); myIframe.onload = function () {

   myIframe.contentWindow.scrollTo(0,100);

} </script>