popup Click event on Iframe

Sam

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!!

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
hii sam please share your code , couldn't understand your specific issue.
Mageshwaran R5y ago
Hey Sam,
Try this code,
HTML:
<div class="links">
<a class="openpopUp" href="https://www.c-sharpcorner.com/">Link 1a>
div>
<div class="wrapper">
    <div class="popup">
        <iframe src="">
            <p>Your browser does not support iframes.p>
        iframe>
<a href="#" class="close">Xa>

    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");
    });
});
Sachin Singh5y ago
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