Solved

Problems with PrintReady javascript and published Frontpage 2003 web site

Posted on 2004-07-31
4
315 Views
Last Modified: 2013-12-24
Hello,

I'm building a frontpage web site and I'm testing it in http://frontpage.sobrenatural.net

I'm using a script from here (http://javascript.about.com/library/scripts/blprintready.htm) that will allow my visitors to click on a link an see and print a new document with just the text that I have included between <div id="printReady"> and </div> tags. In my computer it works perfectly, it opens a new document and writes the contents of those tags. But now that I've published using MS FrontPage 2003, it doesn't seem to work. In fact, when I click on the print script link it opens a new windows and my browser freezes. I also tried it on two other computers here and it freezes the Internet Explorer Browser and the Avant Browser in them.

At firs, I thought the problem was the Frontpage Web Bot counter that I put in them (to check how many times each of my articles have been read), but I move one of them outside of the <div> tag in this page (http://frontpage.sobrenatural.net/contenido/secciones/curanderismo/articulo-1.htm) and the problem persists.

Since my web site is in spanish language, I'm giving you the urls you may visit to reproduce the error. If you navigate to (http://frontpage.sobrenatural.net/contenido/secciones/index.htm), you should see some text that reads "Lista de Todos los Artículos disponibles:", under it, you should see a list of several pages. Please click on any of them and when it opens, you'll see the article. Now please scroll down and on the left margin you should see a box that reads "Opciones" and then an icon with a printer with the label "Imprime este artículo". That's the link to the script, but the actual script is in a separate file that you may download here (http://frontpage.sobrenatural.net/js/printready.js).

So, as you may see, the problem is that I can't seem to figure out why this script does not work after it has been published, but it do work on my local hard drive.

A word of CAUTION: If you click on the "Imprime este artículo" link, your browser will open a new window that may freeze all of your browser's windows. You may have to shut down your browser enterely and reload it again.

By the way, I'm not a professional web developer, I'm just a humble studio photographer with a lot of spare time ;-)

I will appreciate any help on this. Thanks in advance.

Sincerely,

Eduardo Marquez-Blake
0
Comment
Question by:eduardo_marquez
  • 2
4 Comments
 
LVL 11

Expert Comment

by:ajaikumarr
Comment Utility
Hai,

I checked your page and it's just taking long time to load 3 pictures that's why you are feeling that it's getting hanged...

You can do something like this... Save this page as html or open the html page in Dreamweaver and then reformat the page and upload it.

Bye
Ajai
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 125 total points
Comment Utility
Yes, it's crashing here too. Normally the printing is handled by CSS - without the need for any script, but the use of tables to layout your page (not a good idea) will make this impossible to do. Also, since you set an absolute pixel width on the content, it will get cut off anyways when printed - so fixing the script may not help much :-(

I think your best bet would be to post a Q in the javascript TA to see if someone there can determine the particular conflict that's causing the browser to crash. I'm afraid there's not much I can do here for yuo...

As a side note - regarding the CSS, it's basically handled like this. This gets added to the head tag of the page:

<style type="text/css" media="print">

#header, #nav, #extra, #table3, #footer, #spacer { display:none; }
#table4, #table39  { background-color:none; border:none; }

</style>

The first line are all the things on the page that you don't want to print.
The second line modifies the printing behaviour of those things that you do want to print. But as I said, becuase you've used tables to layout your web page, this best possible approach is going to be very hard to pull off...

Thanks,
Sean
0
 
LVL 1

Author Comment

by:eduardo_marquez
Comment Utility
Thank you Sean and Ajai for your help! I appreciate it a lot.

I'll do what Sean says and check with the javascript guys to see if they help me find the conflicting code. I also posted this same question on the frontpage newsgroup in the public microsoft server so I'm on my way there to see if someone have already replied. If someone comes up with an answer, I'll get back here and post it, just in case somebody has the same problem as I.

I also thank Sean for the css option, I didn't knew it can be done like that.

Best regards!

Eduardo.
0
 
LVL 1

Author Comment

by:eduardo_marquez
Comment Utility
Hello all,

Stefan B Rusynko at microsoft.public.frontpage.client newsgroup found the problem... I did some tampering with the javascript code and it wasn't functioning as it should when published. Stefan make some suggestions that worked great, so the problem wasn't either with FrontPage nor with the PrintReady javascript code, it was me. After moving around the lines in the code, everything semms to be working flawlessly.

Thank you again to all who commented on this and to the new visitors who are reading this, there's any problem in using FrontPage with the PrintReady script, just don't attempt to "edit code that you don't understand" ;-)

Best regards!

Eduardo.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now