Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Opening a PDF in a new window

    I've written this into my website, but want a PDF to open in a new window (tab) when someone hits the button. How do I do this??
    [CODE]
    <li>
    <strong>Cocktails for every occassion</strong>
    <p>Check out some of the current & classic flavours!</p>
    <img src="{{media url="queldorei/shopper/block/Ad.Cocktail2.jpg"}}" alt="" />
    <button class="button button_white" onclick="window.location='{{media url="/queldorei/shopper/downloadable/files/links/i/n/Cocktail Menu Summer 2013.pdf'}}'"><span><span>Download Menu</span></span></button>

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,700
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    look into window.open().

  • #3
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Location
    Urbana
    Posts
    4,373
    Thanks
    11
    Thanked 592 Times in 572 Posts
    w/o JS:
    Code:
    <a target=_blank class="button button_white" href='{{media url="/queldorei/shopper/downloadable/files/links/i/n/Cocktail Menu Summer 2013.pdf"}}'>
        <span><span>Download Menu</span></span>
      </a>
    bonus: save/download link:

    Code:
    <a download='summer2013.pdf' class="button button_white" href='{{media url="/queldorei/shopper/downloadable/files/links/i/n/Cocktail Menu Summer 2013.pdf"}}'>
        <span><span>Download Menu</span></span>
      </a>
    my site (updated 13/9/26)
    BROWSER STATS [% share] (2014/9/03) IE7:0.1, IE8:4.6, IE11:9.1, IE9:3.1, IE10:3.0, FF:17.2, CH:46, SF:11.4, NON-MOUSE:38%


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •