Results 1 to 4 of 4

Thread: Pop up image with print ability

  1. #1
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default Pop up image with print ability

    I love this site?

    Anyone have a recommendation. I want to have a link open up a small pop up screen(400x400) and I want the ability for someone to easily print it. It will be a map.

    Any suggestions?

    Thanks

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Ok, follow the following instructions.
    1) Make a file called print.html
    Make the source:
    Code:
    <img src="../map.png" /><br />
    <button onClick="javascript:window.print()">Print Me!</button>
    2) The page that you want this to pop up in put this where you want the button:
    Code:
    <button onClick="window.open('print.html','print.html','width=400,height=400');">Pop-up</button>
    Jeremy | jfein.net

  3. #3
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Thanks...seem to work great. for some reason I have another image above the print me button. red X. IN IE only

    Also, How would I center the print me button?

    Thanks again!!

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Can I see a link to your page?
    To center the print me button:
    Change <button onClick="javascript:window.print()">Print Me!</button> in print.html To:
    Code:
    <center><button onClick="javascript:window.print()">Print Me!</button></center>
    Jeremy | jfein.net

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •