Need help with changing javascript for download pdf

[mochabean]

This is the current script for a print this page function:
<span class='print'><a href='javascript:window.print()' class='first'>PRINT THIS PAGE</a></span>\

I want to be able to change it to "DOWNLOAD PDF".

I have created all my pdfs of each page (instead of print page, I saved each page as a pdf)

I want to be able to download each individual page on a site but do not know how to change the main .js file to do that. Can someone advise?

[JosAH]

You do realize that this is a Java Forum, not a Javascript Forum do you? Also
realize that Java (or JSPs) are evaluated/executed on the server side while
Javascript is executed in your browser on the client side.

Do you want me to move your question over to the Javascript Forum?

kind regards,

Jos

[mochabean]

My apologies! I am new at this. If you can move this, that would be very great! thank you.

You do realize that this is a Java Forum, not a Javascript Forum do you? Also
realize that Java (or JSPs) are evaluated/executed on the server side while
Javascript is executed in your browser on the client side.

Do you want me to move your question over to the Javascript Forum?

kind regards,

Jos

[acoder]

This is the current script for a print this page function:
<span class='print'><a href='javascript:window.print()' class='first'>PRINT THIS PAGE</a></span>\

I want to be able to change it to "DOWNLOAD PDF".

I have created all my pdfs of each page (instead of print page, I saved each page as a pdf)

I want to be able to download each individual page on a site but do not know how to change the main .js file to do that. Can someone advise?

Change the hrefs to point to the PDFs.

As for the text, you could just modify it yourself unless you need to do it dynamically.

Can you post your code?

[mochabean]

Hi. this is the code:

$(function(){
 
    // print return contact copy
    // FOOTER 
    footer = "<div class='footer'>\
    <span class='print'><a href='javascript:window.print()' class='first'>PRINT PAGE</a></span>\
    <span class='top'>|<a href='#'>RETURN TO TOP</a></span>\
    <span class='contact'>|<a href='contact.htm'>CONTACT</a></span>\
    <span class='copy' >|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &copy; 2007 CO NAME.</span>\
    </div>"
 
    $("#content").append( footer )
    $(".team .top").hide()
 
    //$('#content').jScrollPane(  {showArrows :true, scrollbarWidth:15} );
 
    //MIN-HEIGHT
    wh = $(window).height()
    dh = $(document).height()
    if ( dh <= wh ){$(".container").css("height", wh-25 + "px")/* 25 px from conntainer padding top */ }
 
    //left column filler
    $("td.left_col").append( '<div class="filler">&nbsp;</div>' )
    o=$(".filler").offset()
    new_filler_height = dh - o.top
    $(".filler").height( new_filler_height )
    //alert("wh = "+wh+", dh = "+dh+", filler.offset = "+o.top+", calc = "+ new_filler_height )
 
})

[acoder]

Is it not as simple as:
[HTML]<span class='print'><a href='the_pdf_file.pdf' class='first'>DOWNLOAD PDF</a></span>[/HTML]