By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,607 Members | 2,008 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,607 IT Pros & Developers. It's quick & easy.

PDF popup with close button

P: n/a
OK
Popup window? No problem
PDF in popup? No problem

But what about a couple of Close Window buttons?
Imagine a "Close Window" button at the top of the popup page.
Then the PDF which can scroll. And another "Close Window" button
at the bottom of the page.

Any suggestions for completing this task?
Jul 23 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
"moose" <sk********@excite.com> wrote in message
news:57*************************@posting.google.co m...
OK
Popup window? No problem
PDF in popup? No problem

But what about a couple of Close Window buttons?
Imagine a "Close Window" button at the top of the popup page.
Then the PDF which can scroll. And another "Close Window" button
at the bottom of the page.

Any suggestions for completing this task?


Will this help you; watch for word-wrap.

<html>
<head>
<title>popupPDF.htm</title>
<script type="text/javascript">
function popupPDF() {
var pdf = "http://www.google.com/";
var htm = "<html><head><title>popupPDF</title>";
htm += "</head><body>";
htm += "<a href='javascript:window.close()'>Close</a>";
htm += "<iframe src='" + pdf +"'></iframe>";
htm += "<a href='javascript:window.close()'>Close</a>";
htm += "</body></html>";
var win = window.open("","popupPDF","");
win.document.write(htm);
win.close;
}
</script>
</head>
<body>
<a href="javascript:popupPDF()">Popup PDF</a>
</body>
</html>
Jul 23 '05 #2

P: n/a
> OK
Popup window? No problem
PDF in popup? No problem

But what about a couple of Close Window buttons?
Imagine a "Close Window" button at the top of the popup page.
Then the PDF which can scroll. And another "Close Window" button
at the bottom of the page.

Any suggestions for completing this task?

One can also use the cross on the top right side of the window ;-)
You can also float a close button (or image) above the PDF in one corner
AFAIK

Richard

Jul 23 '05 #3

P: n/a
"McKirahan" <Ne**@McKirahan.com> wrote in message
news:5VX5d.33815$He1.945@attbi_s01...
"moose" <sk********@excite.com> wrote in message
news:57*************************@posting.google.co m...
OK
Popup window? No problem
PDF in popup? No problem

But what about a couple of Close Window buttons?
Imagine a "Close Window" button at the top of the popup page.
Then the PDF which can scroll. And another "Close Window" button
at the bottom of the page.

Any suggestions for completing this task?


You've asked for a "Close" button not a link:

<html>
<head>
<title>popupPDF.htm</title>
<script type="text/javascript">
function popupPDF() {
var pdf = "http://www.google.com/";
var htm = "<html><head><title>popupPDF</title>";
htm += "</head><body><center>";
htm += "<input type='button' value='Close'
onclick='window.close()'>";
htm += "<br><br>";
htm += "<iframe src='" + pdf +"'></iframe>";
htm += "<br><br>";
htm += "<input type='button' value='Close'
onclick='window.close()'>";
htm += "</center></body></html>";
var win = window.open("","popupPDF","");
win.document.write(htm);
win.close;
}
</script>
</head>
<body>
<a href="javascript:popupPDF()">Popup PDF</a>
</body>
</html>
Jul 23 '05 #4

P: n/a
moose wrote:
OK
Popup window? No problem
PDF in popup? No problem

But what about a couple of Close Window buttons?
Imagine a "Close Window" button at the top of the popup page.
Then the PDF which can scroll. And another "Close Window" button
at the bottom of the page.

Any suggestions for completing this task?
<a href="loadpdf.cgi?pdf=somefile.pdf"
target="_blank"
onclick="window.open(this.href, this.target,
'..attributes..');return false;"Open somefile.pdf in a new window (maybe, if you haven't

disabled that functionality on your browser)</a>

Then have loadpdf.cgi output (using an ASP example, you could use
PHP, or Perl, or JSP, or ColdFusion, or any other server-side
technology for this):

<html>
<head>
<title>Window containing <%= Request.Value('pdf') %></title>
</head>
<body>
<!-- your close buttons and stuff -->
<layer src="<%= Request.Value('pdf') %>"><iframe src="<%=
Request.Value('pdf') %>"></iframe></layer>
<!-- more buttons or whatever -->
</body>
</html>

You probably want some dimensions on the <layer> or <iframe> to make
it bigger than the default size. But remember, the window may not be
the size _you_ specify. Many browsers can honor your window.open()
request but still not provide a window the size, position and with
the chrome you requested.

--
Grant Wagner <gw*****@agricoreunited.com>
comp.lang.javascript FAQ - http://jibbering.com/faq

Jul 23 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.