print document without transparent color

Question

I want user to be able to click print button and it will print document in web page.
I try to use window.print(); but it prints everything including transparent font color. I want to print document without printing transparent object. How can I do this??

Suthish Nair · Answer

try this... function PrintMe(id) { var prtContent = document.getElementById(id); var WinPrint = window.open('''''letf=0top=0width=0height=0toolbar=0scrollbars=1status=0'); WinPrint.document.write(prtContent.outerHTML); WinPrint.document.close(); WinPrint.focus(); WinPrint.print(); WinPrint.close(); } It's just printing page with character that have invisible fore color and you have test On Page Load: btn1.Attributes.Add(onclick javascript:PrintMe('divPrintMe');)

Suthish Nair · Answer

Please accept the post as answer if your query is resolved. Thank You.

yoyoy garage · Answer

OK sorry. so I just copy whatever I want to print into new page and print. Right? and what can I do if I do not know what to print because user will set color on their own? Can I check if this control has white color then do not copy it into new page?

Suthish Nair · Answer

Dont copy paste whole code put it as an attachment next time. refer link more

yoyoy garage · Answer

It does not work with . I try put it in TABLE style = TABLE-LAYOUT : fixed ; Z-INDEX : 102 ; LEFT : 0px ; COLOR : #e0e0e0 ; POSITION : absolute ; TOP : 0px ; BORDER-COLLAPSE : collapse ; BACKGROUND-COLOR : #ffffff borderColor =#e0e0e0 cellSpacing =0 cellPadding =0 border =2> TBODY > TR bgColor =#d3d3d3> TD style = WIDTH : 50px ; HEIGHT : 20px align =middle> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px align =middle> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px align =middle> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px align =middle> FONT face =Tahoma color =#000000 size =1> FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px align =middle> FONT face =Tahoma color =#000000 size =1> FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px align =middle> FONT face =Tahoma color =#000000 size =1> FONT > TD > TR > TR > TD style = WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> SPAN id =Table1_LlblTable1_R0_C0 style = DISPLAY : inline-block ; WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> hhdhjdhjsd SPAN > FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#ffffff> SPAN id =Table1_LlblTable1_R0_C1 style = DISPLAY : inline-block ; WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> ettetet SPAN > FONT > TD > TD style = WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> SPAN id =Table1_LlblTable1_R0_C2 style = DISPLAY : inline-block ; WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> ijfidfjifj SPAN > FONT > TD > TD style = HEIGHT : 20px> TD > TD style = HEIGHT : 20px> TD > TD style = HEIGHT : 20px> TD > TR > TR > TD style = WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> FONT > INPUT id =Table1_txtTable1_R1_C0 style = FONT-WEIGHT : normal ; FONT-SIZE : 8pt ; WIDTH : 50px ; COLOR : #000000 ; FONT-FAMILY : Microsoft Sans Serif ; HEIGHT : 20px ; TEXT-ALIGN : left name =Table1$txtTable1_R1_C0> TD > TD style = WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#ffffff> FONT > INPUT id =Table1_txtTable1_R1_C1 style = FONT-WEIGHT : normal ; FONT-SIZE : 8pt ; WIDTH : 50px ; COLOR : #ffffff ; FONT-FAMILY : Microsoft Sans Serif ; HEIGHT : 20px ; TEXT-ALIGN : left name =Table1$txtTable1_R1_C1> TD > TD style = WIDTH : 50px ; HEIGHT : 20px ; TEXT-ALIGN : left> FONT style = FONT-WEIGHT : normal ; FONT-SIZE : 10px ; FONT-STYLE : normal face =Microsoft Sans Serif color =#000000> FONT > INPUT id =Table1_txtTable1_R1_C2 style = FONT-WEIGHT : normal ; FONT-SIZE : 8pt ; WIDTH : 50px ; COLOR : #000000 ; FONT-FAMILY : Microsoft Sans Serif ; HEIGHT : 20px ; TEXT-ALIGN : left name =Table1$txtTable1_R1_C2> TD > TD style = HEIGHT : 20px> INPUT id =Table1_cmdTable1_R1 style = WIDTH : 48px ; HEIGHT : 20px disabled type =submit value =ADD name =Table1$cmdTable1_R1> TD > TD style = HEIGHT : 20px> INPUT id =Table1_cmdETable1_R1 style = WIDTH : 48px ; HEIGHT : 20px disabled type =submit value =EDIT name =Table1$cmdETable1_R1> TD > TD style = HEIGHT : 20px> INPUT id =Table1_cmdRTable1_R1 style = WIDTH : 48px ; HEIGHT : 20px disabled type =submit value =DEL name =Table1$cmdRTable1_R1> TD > TR > TBODY > TABLE > DIV > SPAN > INPUT id =xmSaveData style = LEFT : 0px ; WIDTH : 0px ; BORDER-TOP-STYLE : none ; BORDER-RIGHT-STYLE : none ; BORDER-LEFT-STYLE : none ; POSITION : absolute ; TOP : 0px ; HEIGHT : 0px ; BACKGROUND-COLOR : white ; BORDER-BOTTOM-STYLE : none type =submit name =xmSaveData> INPUT id =xmRefresh style = LEFT : 0px ; WIDTH : 0px ; BORDER-TOP-STYLE : none ; BORDER-RIGHT-STYLE : none ; BORDER-LEFT-STYLE : none ; POSITION : absolute ; TOP : 0px ; HEIGHT : 0px ; BACKGROUND-COLOR : white ; BORDER-BOTTOM-STYLE : none type =submit name =xmRefresh> INPUT id =xmSaveAsData style = LEFT : 0px ; WIDTH : 0px ; BORDER-TOP-STYLE : none ; BORDER-RIGHT-STYLE : none ; BORDER-LEFT-STYLE : none ; POSITION : absolute ; TOP : 0px ; HEIGHT : 0px ; BACKGROUND-COLOR : white ; BORDER-BOTTOM-STYLE : none type =submit name =xmSaveAsData> INPUT id =xmSearchData style = LEFT : 0px ; WIDTH : 0px ; BORDER-TOP-STYLE : none ; BORDER-RIGHT-STYLE : none ; BORDER-LEFT-STYLE : none ; POSITION : absolute ; TOP : 0px ; HEIGHT : 0px ; BACKGROUND-COLOR : white ; BORDER-BOTTOM-STYLE : none type =submit name =xmSearchData> FORM >

Suthish Nair · Answer

becoz you trying to print line 5..

yoyoy garage · Answer

OK thanks. that's worked but why the code I used above did not work? And can I do it if I used that link to another form?

Suthish Nair · Answer

Why not following the sample i posted? wrap all your contents (thats needed to print) in divPrintMe  and use the javascript i posted.

yoyoy garage · Answer

Sorry actually it 's still print small test. I could not see it the first time. this is the code I used function printpr() { var prtContent = parent.document.getElementById( ifrmDetail ); var WinPrint = window.open( ''  ''  'left=0top=0width=0height=0toolbar=0scrollbars=1status=0' ); WinPrint.document.open(); WinPrint.document.write( ' test ' ); WinPrint.document.close(); WinPrint.focus(); WinPrint.print(); WinPrint.close(); }

Suthish Nair · Answer

It must work its a working sample. Are you binding the records before printing or post your code here as attachment.

yoyoy garage · Answer

It prints blank page.

yoyoy garage · Answer

It's just printing page with character that have invisible fore color and you have to highlight it to see. when i print  it also printing this character in grey color. I want to print just what I can see. try print this page. you will see test below this line. test

Suthish Nair · Answer

Hi Better you attach your sample output file here so we can have a look...

yoyoy garage · Answer

I do not know what item I do not want to print. the users set control like label textbox in their own document. so I do not know which object they set color to transparent.

Muralidharan Deenathayalan · Answer

http://forums.asp.net/p/1614227/4130385.aspx http://www.alistapart.com/articles/goingtoprint/ Hope you will get some idea.