popup Click event on Iframe

Question

Hello Team, Can any one guide me on below scenario. I am parsing the word document in iframe, On that iframe i need to give click event then the document needs to open in popup. Can any one help me here. Thank you in advance!!

Sachin Singh · Answer

hii copy paste below code ,set the word document path as a src of anchor tag and follow below code class = "links" > class = "openpop" href= "http://getbootstrap.com/" >Link 1 class = "wrapper" > class = "popup" > "" > Your browser does not support iframes. "#" class = "close" >X $(document).ready(function () { $( ".popup" ).hide(); $( ".openpop" ).click(function (e) { e.preventDefault(); $( "iframe" ).attr( "src" , $( this ).attr( 'href' )); $( ".links" ).fadeOut( 'slow' ); $( ".popup" ).fadeIn( 'slow' ); }); $( ".close" ).click(function () { $( this ).parent().fadeOut( "slow" ); $( ".links" ).fadeIn( "slow" ); }); });

Sachin Singh · Answer

hii sam please share your code , couldn't understand your specific issue.

Mageshwaran R · Answer

Hey Sam, Try this code, HTML: div class = "links" > a class = "openpopUp" href = "https://www.c-sharpcorner.com/" > Link 1 a > div > div class = "wrapper" > div class = "popup" > iframe src = "" > p > Your browser does not support iframes. p > iframe > a href = "#" class = "close" > X a > div > div > Script: $(document).ready( function () { $( ".popup" ).hide(); $( ".openpopUp" ).click( function (e) { e.preventDefault(); $( "iframe" ).attr( "src" , $( this ).attr( 'href' )); $( ".links" ).fadeOut( 'slow' ); $( ".popup" ).fadeIn( 'slow' ); }); $( ".close" ).click( function () { $( this ).parent().fadeOut( "slow" ); $( ".links" ).fadeIn( "slow" ); }); });

popup Click event on Iframe

Answers (3)