Hello - I am trying to fix a javascript/printing issue. The problem is
that when I print the following page, the highlighted selections in
the dropdown textboxes get printed (as they should) UNLESS the user
selects anything towards the bottom of the dropdown boxes.
Here's the URL, and below is an example:
http://www.pianolessonsunlimited.com/lessons/pianochords/index.html
Example:
If you select "C" in the left dropdown box and "Major" in the right
dropdown box, and then hit print, everything works great - even the
selected options of the dropdown boxes get printed (as they should)

However, if you choose "B" in the left dropdown box (bottom option)
and "Major" in the right dropdown box, and then hit print, then there
is a problem >> the highlighted option of the left dropdown box does
not get printed.

Any ideas?

Thanks -

Please specify your browser name with version number. Thanks!
To find this info, click on the Help menu >> About <browser>

This is because when you print the page (certainly in i.e.) it is
re-rendered at a much higher resolution before being sent to the
printer. I am unaware of any 'fixes' as such, however you could try
the following methods of dealing with this:

1, Add a label immediatly above each list which shows the currently
selected row and acts as a repeater for the information.

2, Use javascript to calculate the position of the selected row,
remove enough entries in the list to ensure that the row is shown when
the screen is re-rendered, then add the rows back in as soon as the
print function returns.

Cheers,

Steve

i think when the page is sent for printing, the scroll bars are
intitialized to their initial top positions and if you have made any
selections in any of the list beyond the height of the box it does not
show them.

SO THEIR ARE FOLLOWING TWO SOLUTIONS:

1- INCREASE THE SIZE OF THE LIST UPTO THE NUMBER OF ITEMS IN IT, MEANS
THE LIST WILL SHOW ALL THE ITEMS AND USER CAN SELECT ANY OF THEM

2- USE COMBO BOXES INSTEAD OF LIST

Regards
IRFAN

You can use CSS

You could read this article:
http://www.alistapart.com/articles/goingtoprint


And you could be use Javascripts inner html property

http://www.experts-exchange.com/Web/Web_Languages/Q_20864812.html

http://www.quirksmode.org/dom/innerhtml.html