Display page content of link on hover in popup using JavaScript

on hover mouse show page content of link, in this example can you add many link in your article, will be added automatically frame tag for every link to show the content of page in popup using CSS & JavaScript
<style> .tiptext {color:#069; cursor:pointer;} .tiptext:hover .page-content{transition: height 1s; height:400px;visibility:visible} .page-content {visibility:hidden;position:absolute;display:block;box-shadow:0 2px 1px 0;width:400px;height:0px;padding: 7px;transition: 0.75s;} </style> on hover mouse show content source link <a href="/2021/04/how-to-calculate-number-of-products-and.html">hover me</a> <br><br> can you aplied this code for evry anchor (link) in your page or inside spesific class in the page <a href="/2021/04/create-smart-table-of-contents-with.html">hover me</a> <br><br> for external link Some website don't allow their site to be shared within an iframe for exemple W3schools<a href="https://www.w3schools.com/">hover me (refused to connect)</a> <script> var anchor=document.getElementsByTagName('a'); var i; for(i=0;i<anchor.length;i++){ ahref=anchor[i].href; anchor[i].className="tiptext" anchor[i].innerHTML+='<iframe class="page-content" src="'+ahref+'"></iframe>' } </script>

© Manajmnt code

Share to :

☷✎