#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    6
    Rep Power
    0

    Force PDFs in Lightbox


    Hi, I've been using Bumpbox to display PDF files on my website in a popup lightbox format. I've been using it for over a year and never had any problems, but just recently it stopped working. An empty lightbox would pop up and the PDF would be downloaded straight to my hard drive.

    I use Firefox and have it set to automatically download most files, including PDFs. However, I don't believe this was a problem before. Since Bumpbox was being used, it would display PDFs in the popup and only downloaded them from direct links on other sites. I changed my PDF settings to "preview in Firefox" and now it's loading in the lightbox just fine. I don't know if it's a result of having updated to the latest version of FF or what, considering I didn't personally change anything since it was last working.

    My concern is that whether or not it displays properly (instead of downloading and leaving users with an empty box on the screen) now seems to be user-dependent. Is there a way to use Javascript or PHP or anything to force PDF files to open in the lightbox (effectively overriding browser settings)? Because it's going to look really unprofessional if I have multiple pages that are supposed to be read on my site and people browsing through it simply end up with an empty lightbox on the screen.

    I recently started redoing the site with Joomla so I don't know if that's causing the problem, although I moved the earlier version (raw CSS/HTML) into a subdirectory, where the overall site functions as it always did, and the same issue is happening there too. So I'm just wondering if it might be an issue with newer browser versions.

    The code placed at the bottom of the page is:

    Code:
    <script type="text/javascript" src="../bumpbox/js/mootools.js"></script>
    
    <script type="text/javascript" src="../bumpbox/js/bumpbox-2.0.1.js"></script>
    
    <script type="text/javascript"> doBump( '.bump',750, 500, '111', '000', '0.8', 5, 1 ,'333', 15,'000', 2,
    
                    Fx.Transitions.Bounce.EaseOut,
    
                    Fx.Transitions.Bounce.EaseOut,
    
                    '',
    
                    'top left',
    
                    'repeat-x' );</script>
    And the links themselves are written as:

    Code:
    <a href="filename.pdf" class="bump" rel="850-550">
    Any suggestions for forcing the PDF display through Bumpbox instead of potentially being downloaded based on user settings? Thanks!
  2. #2
  3. No Profile Picture
    Lost in code
    Devshed Supreme Being (6500+ posts)

    Join Date
    Dec 2004
    Posts
    8,317
    Rep Power
    7170
    Is there a way to use Javascript or PHP or anything to force PDF files to open in the lightbox (effectively overriding browser settings)?
    No.

    Looking at the Bumpbox demo, it's just putting the PDF file into an iframe. The browser is going to do whatever it is set to do when you visit a PDF file (display it inline, download it automatically, prompt you to download it, etc.). There is no way to override that behavior.

    My advice: provide a direct link to the PDF file or don't use PDF.
    PHP FAQ

    Originally Posted by Spad
    Ah USB, the only rectangular connector where you have to make 3 attempts before you get it the right way around
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    6
    Rep Power
    0
    Thanks, I ended up just using the Bumpbox but including a note that if the lightbox pops up empty, the PDF was likely downloaded per their browser settings. Best compromise for now, I think. Appreciate the help!

IMN logo majestic logo threadwatch logo seochat tools logo