HighDots Forums  

How to open a PDF document in new window use hyperlink?

Javascript JavaScript language (comp.lang.javascript)


Discuss How to open a PDF document in new window use hyperlink? in the Javascript forum.

Reply
 
Thread Tools Display Modes
  #1  
Old   
mistral
 
Posts: n/a

Default How to open a PDF document in new window use hyperlink? - 07-09-2008 , 08:15 AM






what is correct way open a PDF document in new window use hyperlink? I
want show images thumbnails linked with PDF files, when click on
thumbnail, PDF will be opened in new window. Some of PDF files are in
the same web server, other are in a remote location. Any help will be
appreciated.



Reply With Quote
  #2  
Old   
Steve Swift
 
Posts: n/a

Default Re: How to open a PDF document in new window use hyperlink? - 07-09-2008 , 09:37 AM






mistral wrote:
Quote:
what is correct way open a PDF document in new window use hyperlink? I
want show images thumbnails linked with PDF files, when click on
thumbnail, PDF will be opened in new window. Some of PDF files are in
the same web server, other are in a remote location. Any help will be
appreciated.
If the webservers are configured correctly then any link that points to
a PDF file will cause the browser to download the content of the PDF
file and to display it appropriately.

So, <A HREF=/manual.pdf><IMG SRC=/manual_thumb.gif></A> will work if
manual.pdf and manual_thumb.gif are in the root of the server.

"appropriately", when the servers are configured correctly, is a matter
of choice between the browser and its user.

I think my server is configured correctly; when I download /test.pdf it
sends "Content-type: application/pdf" in the HTTP headers, which is
sufficient to keep most browsers/users happy.

If you want to name the pdf files anything other than *.pdf then all
bets are off.

Does this have anything to do with JavaScript? Not as far as I can see.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk


Reply With Quote
  #3  
Old   
mistral
 
Posts: n/a

Default Re: How to open a PDF document in new window use hyperlink? - 07-09-2008 , 05:13 PM



On Jul 9, 4:37 pm, Steve Swift <Steve.J.Sw... (AT) gmail (DOT) com> wrote:
Quote:
mistral wrote:
what is correct way open a PDF document in new window use hyperlink? I
want show images thumbnails linked with PDF files, when click on
thumbnail, PDF will be opened in new window. Some of PDF files are in
the same web server, other are in a remote location. Any help will be
appreciated.

If the webservers are configured correctly then any link that points to
a PDF file will cause the browser to download the content of the PDF
file and to display it appropriately.

So, <A HREF=/manual.pdf><IMG SRC=/manual_thumb.gif></A> will work if
manual.pdf and manual_thumb.gif are in the root of the server.

"appropriately", when the servers are configured correctly, is a matter
of choice between the browser and its user.

I think my server is configured correctly; when I download /test.pdf it
sends "Content-type: application/pdf" in the HTTP headers, which is
sufficient to keep most browsers/users happy.

If you want to name the pdf files anything other than *.pdf then all
bets are off.

Does this have anything to do with JavaScript? Not as far as I can see.

--
Steve Swifthttp://www.swiftys.org.uk/swifty.htmlhttp://www.ringers.org.uk
-----------

Is absolutely does not matter are webserver are configured and where
PDF files are located. Some PDF locates somewhere inside web
directory, some - in Internet. Main thing is specify correct path.

The idea is always open PDF file in new window, irrespective of any
circumstances. Plus, control alignment of this window, if
possible(align -right). Opening PDF in same window is bad, since user
will close file and will leave from webpage.

I tried some jscript, but it does not work:

// Opens PDF links in new windows

function doPopups()
{
if (!document.getElementsByTagName) return false;
var links = document.getElementsByTagName("a");
for (var i=0; i < links.length; i++) {
if (links[i].href.indexOf('.pdf') !== -1) {
links[i].onclick =
function() {
window.open(this.href,'popper','resizable,scrollba rs');
return false;
}
}
}
}


It works, but only with link like this:
<a href="http://website.uk.com/downloads/manual.pdf"
target="_blank">TX handbook</a>

and not work with links like this:

<a href="http://www.website.com/pdf/datasheet.pdf"><img src="http://
www.sample.com/images/image.jpg" alt=" " border="1" height="250"
width="100"></a>

Probably due first link contain 'target="_blank"'. But in that case
script is useless at all.
Is there normal stable solution?


Reply With Quote
  #4  
Old   
RobG
 
Posts: n/a

Default Re: How to open a PDF document in new window use hyperlink? - 07-09-2008 , 06:15 PM



On Jul 10, 7:13*am, mistral <polych... (AT) softhome (DOT) net> wrote:
Quote:
On Jul 9, 4:37 pm, Steve Swift <Steve.J.Sw... (AT) gmail (DOT) com> wrote:



mistral wrote:
what is correct way open a PDF document in new window use hyperlink? I
want show images thumbnails linked with PDF files, when click on
thumbnail, PDF will be opened in new window. Some of PDF files are in
the same web server, other are in a remote location. Any help will be
appreciated.

If the webservers are configured correctly then any link that points to
a PDF file will cause the browser to download the content of the PDF
file and to display it appropriately.

So, <A HREF=/manual.pdf><IMG SRC=/manual_thumb.gif></A> will work if
manual.pdf and manual_thumb.gif are in the root of the server.

"appropriately", when the servers are configured correctly, is a matter
of choice between the browser and its user.

I think my server is configured correctly; when I download /test.pdf it
sends "Content-type: application/pdf" in the HTTP headers, which is
sufficient to keep most browsers/users happy.

If you want to name the pdf files anything other than *.pdf then all
bets are off.

Does this have anything to do with JavaScript? Not as far as I can see.

--
Steve Swifthttp://www.swiftys.org.uk/swifty.htmlhttp://www.ringers.org.uk

-----------

Is absolutely does not matter are webserver are configured and where
PDF files are located. Some PDF locates somewhere inside web
directory, some - in Internet. Main thing is specify correct path.

The idea is always open PDF file in new window, irrespective of any
circumstances. Plus, control alignment of this window, if
possible(align -right). Opening PDF in same window is bad, since user
will close file and will leave from webpage.

I tried some jscript, but it does not work:

// Opens PDF links in new windows

function doPopups()
{
*if (!document.getElementsByTagName) return false;
*var links = document.getElementsByTagName("a");
The document has a links collection, there is no need for
getElementsByTagName:

var links = document.links;

<URL: http://www.w3.org/TR/DOM-Level-2-HTM...tml#ID-7068919 >


Quote:
*for (var i=0; i < links.length; i++) {
* if (links[i].href.indexOf('.pdf') !== -1) {
* *links[i].onclick =
* * function() {
* * *window.open(this.href,'popper','resizable,scrollb ars');
A better strategy is to keep a reference to the window and re-use it
if it's been opened previously and is still open - it helps to prevent
multiple pop-ups.


Quote:
* * *return false;
* * }
* }
*}
It would be a good idea at this point to prevent circular references:

links = null;

Quote:
}

It works, but only with link like this:
a href="http://website.uk.com/downloads/manual.pdf"
target="_blank">TX handbook</a

and not work with links like this:

a href="http://www.website.com/pdf/datasheet.pdf"><img src="http://www.sample.com/images/image.jpg" alt=" " border="1" height="250"
width="100"></a

Probably due first link contain 'target="_blank"'. But in that case
script is useless at all.
Is there normal stable solution?
No. Browsers are configured by users to deal with pop-ups according
to the users' wishes. Browsers will also deal with files like PDFs
differently - mine will open them in a different application and will
not open a popup.


--
Rob


Reply With Quote
  #5  
Old   
mistral
 
Posts: n/a

Default Re: How to open a PDF document in new window use hyperlink? - 07-09-2008 , 06:35 PM



On Jul 10, 1:15 am, RobG <rg... (AT) iinet (DOT) net.au> wrote:
Quote:
On Jul 10, 7:13 am, mistral <polych... (AT) softhome (DOT) net> wrote:



On Jul 9, 4:37 pm, Steve Swift <Steve.J.Sw... (AT) gmail (DOT) com> wrote:

mistral wrote:
what is correct way open a PDF document in new window use hyperlink? I
want show images thumbnails linked with PDF files, when click on
thumbnail, PDF will be opened in new window. Some of PDF files are in
the same web server, other are in a remote location. Any help will be
appreciated.

If the webservers are configured correctly then any link that points to
a PDF file will cause the browser to download the content of the PDF
file and to display it appropriately.

So, <A HREF=/manual.pdf><IMG SRC=/manual_thumb.gif></A> will work if
manual.pdf and manual_thumb.gif are in the root of the server.

"appropriately", when the servers are configured correctly, is a matter
of choice between the browser and its user.

I think my server is configured correctly; when I download /test.pdf it
sends "Content-type: application/pdf" in the HTTP headers, which is
sufficient to keep most browsers/users happy.

If you want to name the pdf files anything other than *.pdf then all
bets are off.

Does this have anything to do with JavaScript? Not as far as I can see.

--
Steve Swifthttp://www.swiftys.org.uk/swifty.htmlhttp://www.ringers.org.uk

-----------

Is absolutely does not matter are webserver are configured and where
PDF files are located. Some PDF locates somewhere inside web
directory, some - in Internet. Main thing is specify correct path.

The idea is always open PDF file in new window, irrespective of any
circumstances. Plus, control alignment of this window, if
possible(align -right). Opening PDF in same window is bad, since user
will close file and will leave from webpage.

I tried some jscript, but it does not work:

// Opens PDF links in new windows

function doPopups()
{
if (!document.getElementsByTagName) return false;
var links = document.getElementsByTagName("a");

The document has a links collection, there is no need for
getElementsByTagName:

var links = document.links;

URL:http://www.w3.org/TR/DOM-Level-2-HTM...tml#ID-7068919

for (var i=0; i < links.length; i++) {
if (links[i].href.indexOf('.pdf') !== -1) {
links[i].onclick =
function() {
window.open(this.href,'popper','resizable,scrollba rs');

A better strategy is to keep a reference to the window and re-use it
if it's been opened previously and is still open - it helps to prevent
multiple pop-ups.

return false;
}
}
}

It would be a good idea at this point to prevent circular references:

links = null;



}

It works, but only with link like this:
a href="http://website.uk.com/downloads/manual.pdf"
target="_blank">TX handbook</a

and not work with links like this:

a href="http://www.website.com/pdf/datasheet.pdf"><img src="http://www.sample.com/images/image.jpg" alt=" " border="1" height="250"
width="100"></a

Probably due first link contain 'target="_blank"'. But in that case
script is useless at all.
Is there normal stable solution?

No. Browsers are configured by users to deal with pop-ups according
to the users' wishes. Browsers will also deal with files like PDFs
differently - mine will open them in a different application and will
not open a popup.

--
Rob
----------------

Just tried this version, no any difference, works the same:

// Opens PDF links in new windows

function doPopups()
{
if (!document.getElementsByTagName) return false;
var links = document.links;
for (var i=0; i < links.length; i++) {
if (links[i].href.indexOf('.pdf') !== -1) {
links[i].onclick =
function() {
window.open(this.href,'popper','resizable,scrollba rs');
return false;
}
}
}
links = null;
}


Probably, no needs in javascript at all, since target="_blank" in href
statement do this.

<a href="http://website.uk.com/downloads/manual.pdf"
target="_blank">TX handbook</a>

Perhaps use FRAME-based page have more sence.


Reply With Quote
  #6  
Old   
mistral
 
Posts: n/a

Default Re: How to open a PDF document in new window use hyperlink? - 07-10-2008 , 10:05 AM



On 10 , 01:35, mistral <polych... (AT) softhome (DOT) net> wrote:
Quote:
On Jul 10, 1:15 am, RobG <rg... (AT) iinet (DOT) net.au> wrote:

On Jul 10, 7:13 am, mistral <polych... (AT) softhome (DOT) net> wrote:

On Jul 9, 4:37 pm, Steve Swift <Steve.J.Sw... (AT) gmail (DOT) com> wrote:

mistral wrote:
what is correct way open a PDF document in new window use hyperlink? I
want show images thumbnails linked with PDF files, when click on
thumbnail, PDF will be opened in new window. Some of PDF files are in
the same web server, other are in a remote location. Any help will be
appreciated.

If the webservers are configured correctly then any link that points to
a PDF file will cause the browser to download the content of the PDF
file and to display it appropriately.

So, <A HREF=/manual.pdf><IMG SRC=/manual_thumb.gif></A> will work if
manual.pdf and manual_thumb.gif are in the root of the server.

"appropriately", when the servers are configured correctly, is a matter
of choice between the browser and its user.

I think my server is configured correctly; when I download /test.pdf it
sends "Content-type: application/pdf" in the HTTP headers, which is
sufficient to keep most browsers/users happy.

If you want to name the pdf files anything other than *.pdf then all
bets are off.

Does this have anything to do with JavaScript? Not as far as I can see.

--
Steve Swifthttp://www.swiftys.org.uk/swifty.htmlhttp://www.ringers.org.uk

-----------

Is absolutely does not matter are webserver are configured and where
PDF files are located. Some PDF locates somewhere inside web
directory, some - in Internet. Main thing is specify correct path.

The idea is always open PDF file in new window, irrespective of any
circumstances. Plus, control alignment of this window, if
possible(align -right). Opening PDF in same window is bad, since user
will close file and will leave from webpage.

I tried some jscript, but it does not work:

// Opens PDF links in new windows

function doPopups()
{
if (!document.getElementsByTagName) return false;
var links = document.getElementsByTagName("a");

The document has a links collection, there is no need for
getElementsByTagName:

var links = document.links;

URL:http://www.w3.org/TR/DOM-Level-2-HTM...tml#ID-7068919

for (var i=0; i < links.length; i++) {
if (links[i].href.indexOf('.pdf') !== -1) {
links[i].onclick =
function() {
window.open(this.href,'popper','resizable,scrollb ars');

A better strategy is to keep a reference to the window and re-use it
if it's been opened previously and is still open - it helps to prevent
multiple pop-ups.

return false;
}
}
}

It would be a good idea at this point to prevent circular references:

links = null;

}

It works, but only with link like this:
a href="http://website.uk.com/downloads/manual.pdf"
target="_blank">TX handbook</a

and not work with links like this:

a href="http://www.website.com/pdf/datasheet.pdf"><img src="http://www.sample.com/images/image.jpg" alt=" " border="1" height="250"
width="100"></a

Probably due first link contain 'target="_blank"'. But in that case
script is useless at all.
Is there normal stable solution?

No. Browsers are configured by users to deal with pop-ups according
to the users' wishes. Browsers will also deal with files like PDFs
differently - mine will open them in a different application and will
not open a popup.

--
Rob

----------------

Just tried this version, no any difference, works the same:

// Opens PDF links in new windows

function doPopups()
{
if (!document.getElementsByTagName) return false;
var links = document.links;
for (var i=0; i < links.length; i++) {
if (links[i].href.indexOf('.pdf') !== -1) {
links[i].onclick =
function() {
window.open(this.href,'popper','resizable,scrollb ars');
return false;
}
}
}
links = null;

}

Probably, no needs in javascript at all, since target="_blank" in href
statement do this.

a href="http://website.uk.com/downloads/manual.pdf"
target="_blank">TX handbook</a

Perhaps use FRAME-based page have more sence.
---

Any ideas?


Reply With Quote
  #7  
Old   
Thomas 'PointedEars' Lahn
 
Posts: n/a

Default Re: How to open a PDF document in new window use hyperlink? - 07-13-2008 , 05:10 PM



RobG wrote:
Quote:
On Jul 10, 7:13 am, mistral <polych... (AT) softhome (DOT) net> wrote:
if (!document.getElementsByTagName) return false;
var links = document.getElementsByTagName("a");

The document has a links collection, there is no need for
getElementsByTagName:

var links = document.links;

URL: http://www.w3.org/TR/DOM-Level-2-HTM...tml#ID-7068919
If you read this more thoroughly, you will observe that there may be a need
to use HTMLDocument::getElementsByTagName("a"). The feature test performed
for it here, however, is inadequate.


PointedEars
--
Use any version of Microsoft Frontpage to create your site.
(This won't prevent people from viewing your source, but no one
will want to steal it.)
-- from <http://www.vortex-webdesign.com/help/hidesource.htm>


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.