Not able to display PDF using fancybox

Question

Html code

<div class="casestudy">//$casestudyDocData=http://localhost/xxxx/case/interview_questionarie.pdf

<iframe src="<?php echo $casestudyDocData; ?>"  width="395" height="195"> </iframe> 

<a class="fancypdf" href="<?php echo $casestudyDocData; ?>" >Link to PDF </a>

jquery code

$(".fancypdf").fancybox({
                'frameWidth': 680,
                'frameHeight':495,
                'overlayShow':true,
                'hideOnContentClick':false
});

I am using fancybox to display the pdf The requested content cannot be loaded.

Please try again later. But fancybox is not able to display the pdf? Can anyone find what is the mistake i have done ?

perhaps this will help: http://stackoverflow.com/questions/291813/best-way-to-embed-pdf-in-html — JKirchartz, Feb 23 '12 at 21:00
Check this http://stackoverflow.com/q/8806294/1055987 I guess you should use the search option to look for similar questions before you post a new issue. — JFK, Feb 23 '12 at 21:12
Also, try to format your code properly. Use the help while you edit. — JFK, Feb 23 '12 at 21:14
@JFK TRUE ... the mistake was just needed to add type: iframe — dude, Feb 23 '12 at 21:16
JFK I used my iPhone to post the question so couldn't format the question — dude, Feb 23 '12 at 21:18

score 4 · Accepted Answer · answered Feb 24 '12 at 05:53

4

U should just use 'type':'iframe'

$(".fancypdf").fancybox({
                'frameWidth': 680,
                'frameHeight':495,
                'overlayShow':true,
                'hideOnContentClick':false,
                'type':'iframe'
});

answered Feb 24 '12 at 05:53

Ghostman

6,042
9
34
53

Not able to display PDF using fancybox

1 Answers1