1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.
  2. Better Analytics for WordPress Get It Free

How to close the popup window automatically after download completes

Discussion in 'JavaScript' started by sanjay.dakolia, Mar 7, 2012.

  1. #1
    hi everyone,
    i this sample i am having two links "click for pdf" and "click for doc". First if the user clicks on any of the link it should validate if the file is .doc or .pdf if it's .pdf file then a popup window should come and the .pdf file should open in it and if the user clicks on "click for doc" a popup window should come up and it should give u the option to download the .doc file and the popup window should automatically close. i am able to validate the file extension and the link "click for pdf" is working as it is suppose to. But if the user clicks on "click for doc" a popup window pops up i am not able to close that window after the download completes. Please "HELP ME!"


    This is my Code Snippet:


    <html>
    <head>
    <title>
    </title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>

    <script type="text/javascript">
    var windowSizeArray = [ "width=200,height=200",
    "width=300,height=400,scrollbars=yes" ];


    $(document).ready(function () {
    $("a[href*=.pdf]").click(function () {
    window.open(this.href, "ventana1", "width=520,height=300,scrollbars=yes");
    return false;
    });


    });
    </script>

    <script type="text/javascript">


    var windowSizeArray = ["width=200,height=200",
    "width=300,height=400,scrollbars=yes"];


    $(document).ready(function () {
    $("a[href*=.doc]").click(function () {
    //
    var ab = window.open(this.href, "ventana1", "width=520,height=300,scrollbars=yes");
    //ab.close();
    //ab.setTimeout("window.close();", 5000);
    //ab.setTimeout("alert('I am displayed after 3 seconds!')", 200);
    ab.setTimeout("self.close()", 3000);
    return false;
    });


    });

    </script>

    </head>

    <body>

    <a href="http://java.sun.com/docs/books/jls/download/langspec-3.0.pdf" >click for pdf</a><br /><br />
    <a href="http://www.google.co.in/url?sa=t&rct=j&q=.doc&source=web&cd=13&ved=0CD8QFjACOAo&url=http%3A%2F%2Fgrants.nih.gov%2Fgrants%2Ffunding%2F416%2Fphs416-5.doc&ei=s1VHT5tPhfCtB7a_zcgP&usg=AFQjCNEJfrh5P2gvHLSh7M03SYtBI91uNg" >click for doc</a>
    </body>
    </html>


    Thanks in advance
    Sanjay Dakolia
     
    sanjay.dakolia, Mar 7, 2012 IP
  2. JohnnySchultz

    JohnnySchultz Peon

    Messages:
    277
    Likes Received:
    3
    Best Answers:
    7
    Trophy Points:
    0
    #2
    i think this should be..

    
    
    $(document).ready(function () {
    $("a[href*=.doc]").click(function () {
    // 
    var ab = window.open(this.href, "ventana1", "width=520,height=300,scrollbars=yes");
    setTimeout(function(){ 
        ab.close(); 
    },3000);
    //ab.setTimeout("self.close()", 3000);
    return false;
    });
    
    
    Code (markup):
     
    JohnnySchultz, Mar 9, 2012 IP