select various options from drop down box in vba - html

How can I change the option for Customer dropdown menu as shown in the HTML sample below and then click submit?
I need to change the selected value from:
Diamond State Generation Partner (Brookside) (LVG- QFTP-RC)
To
Diamond State Generation Partners (Red Lion) (LVG- QFTP-RC)
and then click submit.
Attempts:
My attempts are shown below.
on the following line:
MyBrowser.document.querySelector("option[value=1745]").Selected = True
error That yielded
"Run-time error ' -2147352319 (80020101)': Method ' querySelector' of
object 'JScriptTypeInfo' failed.
Code:
Sub daily()
Dim HMTLDoc As HTMLDocument
Dim MyBrowser As InternetExplorer
Dim MyHTML_Element As IHTMLElement
Dim MYURL As String
' website
MYURL = "website"
Set MyBrowser = New InternetExplorer
MyBrowser.Silent = True
MyBrowser.navigate MYURL
MyBrowser.Visible = True
Do
Loop Until MyBrowser.readyState = READYSTATE_COMPLETE
Set HTMLDoc = MyBrowser.document
' user login and password
HTMLDoc.all.user_login.Value = "username"
HTMLDoc.all.user_password.Value = "password"
HTMLDoc.forms(0).submit
While MyBrowser.Busy Or MyBrowser.readyState < 4: DoEvents: Wend
' click reports
HTMLDoc.getElementsByClassName("menuitem")(1).Click
While MyBrowser.Busy Or MyBrowser.readyState < 4: DoEvents: Wend
'click Billing Analysis Report (Industrial)
HTMLDoc.getElementsByClassName("firstlink")(0).Click
'click to submit to get to billing analysis report
With MyBrowser.document
.querySelector("select[name=vsCustKy]").Click
'I receive the error message on the next line below
.querySelector("option[value=1745]").Selected = True
.querySelector("select[name=vsCustKy]").FireEvent "onchange"
End With
HTMLDoc.forms(0).submit
End Sub
Full HTML:
</SCRIPT>
<LINK rel="stylesheet" href="https://www.conectiv.com/cpd/cpd_stylesheet.css">
</HEAD>
<BODY bgcolor="#ffffff" leftmargin="0" marginwidth="0" marginheight="0" topmargin="0" background="https://www.conectiv.com/images/big_c_bg.gif" bgproperties="fixed" vlink="#1f969b" link="#1f969b" onLoad="window.query_form.vsReportMonth.focus();">
<!-- Begin: CPD Navigation Header -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td nowrap valign="bottom"><img src="https://webapps.delmarva.com/images/delmarva_logo.png" border="0" align="middle" alt="Delmarva Power"></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!-- End: CPD Navigation Header -->
<TABLE border="1" cellpadding="6" cellspacing="0" width="100%" bordercolor="#cccccc">
<TR>
<td colspan="1" align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left" valign="middle" nowrap>
Trader Home<span class="body"> | </span>
Transaction<span class="body"> | </span>
Reports
</td>
</tr>
</table>
</td>
</TR>
<TR>
<TD>
<CENTER>
<BR>
<TABLE WIDTH=500 CELLSPACING=0>
<TR>
<TH VALIGN=TOP ALIGN=LEFT>
<FONT COLOR="BLUE" FACE="Arial, Helvetica" SIZE="4">
<B>INPUT THE MONTH & YEAR :</B>
</FONT>
</TH>
</TR>
</TABLE>
<FORM ACTION="gso_billing_analysis_report" METHOD="POST" NAME="query_form" onSubmit="return verify_entries();">
<INPUT TYPE="hidden" NAME="vsCurrUser" VALUE="2753">
<INPUT TYPE="hidden" NAME="vsTransactionName" VALUE="INTER_BILLING_ANALYSIS_REPORT">
<TABLE WIDTH=500 CELLSPACING=0>
<TR>
<TD>
<TABLE WIDTH=500 BGCOLOR="#FFFFFF" BORDER=1 CELLSPACING=0>
<TR>
<TD ALIGN=LEFT VALIGN=TOP>
<TABLE WIDTH=500 CELLSPACING=0>
<TR>
<TD ALIGN=LEFT COLSPAN=2>
<FONT COLOR="BLUE" FACE="Arial, Helvetica" SIZE="2">
</FONT>
</TD>
</TR>
<TR>
<TD WIDTH=200 ALIGN=RIGHT VALIGN=CENTER>
<FONT COLOR="BLACK" FACE="Arial, Helvetica" SIZE="2">
<B>MONTH : </B>
</FONT>
</TD>
<TD WIDTH=300 ALIGN=LEFT VALIGN=CENTER>
<SELECT NAME="vsReportMonth">
<OPTION VALUE=1>January
<OPTION VALUE=2>February
<OPTION VALUE=3>March
<OPTION VALUE=4>April
<OPTION VALUE=5>May
<OPTION VALUE=6>June
<OPTION VALUE=7>July
<OPTION SELECTED VALUE=8>August
<OPTION VALUE=9>September
<OPTION VALUE=10>October
<OPTION VALUE=11>November
<OPTION VALUE=12>December
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN=LEFT COLSPAN=2>
<FONT COLOR="BLUE" FACE="Arial, Helvetica" SIZE="2">
</FONT>
</TD>
</TR>
<TR>
<TD WIDTH=200 ALIGN=RIGHT VALIGN=CENTER>
<FONT COLOR="BLACK" FACE="Arial, Helvetica" SIZE="2">
<B>YEAR : </B>
</FONT>
</TD>
<TD WIDTH=300 ALIGN=LEFT VALIGN=CENTER>
<FONT COLOR="BLACK" FACE="Arial, Helvetica" SIZE="2">
<INPUT TYPE="TEXT" NAME="vsReportYear" VALUE="2018" SIZE=4 MAXLENGTH=4>
</FONT>
</TD>
</TR>
<TR>
<TD ALIGN=LEFT COLSPAN=2>
<FONT COLOR="BLUE" FACE="Arial, Helvetica" SIZE="2">
</FONT>
</TD>
</TR>
<TR>
<TD WIDTH=200 ALIGN=RIGHT VALIGN=TOP>
<FONT COLOR="BLACK" FACE="Arial, Helvetica" SIZE="2">
<B>CUSTOMER : </B>
</FONT>
</TD>
<TD WIDTH=300 ALIGN=LEFT VALIGN=TOP>
<FONT COLOR="BLACK" FACE="Arial, Helvetica" SIZE="2">
<SELECT NAME="vsCustKy">
<OPTION SELECTED VALUE=1705>Diamond State Generation Partner (Brookside) (LVG- QFTP-RC)
<OPTION VALUE=1745>Diamond State Generation Partners (Red Lion) (LVG- QFTP-RC)
</SELECT>
</FONT>
</TD>
</TR>
<TR>
<TD ALIGN=LEFT COLSPAN=2>
<FONT COLOR="BLUE" FACE="Arial, Helvetica" SIZE="2">
</FONT>
</TD>
</TR>
<TR>
<TD ALIGN=CENTER COLSPAN=2>
<INPUT TYPE="submit" VALUE="Continue">
</TD>
</TR>
<TR>
<TD ALIGN=LEFT COLSPAN=2>
<FONT COLOR="BLUE" FACE="Arial, Helvetica" SIZE="2">
</FONT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>
</CENTER>
<!-- Begin: CPD Navigation Footer -->
<tr>
<td colspan="1" align="center">
<table border="0" width="100%">
<tr>
<td align="center"><span class="caption">Copyright: 2018 Delmarva Power. All rights reserved</span></td>
</tr>
</table>
</td>
</tr>
</TABLE>
</BODY>
</HTML>


That error is due to missing the '' to surround the number. There is also a form to navigate.
MyBrowser.document.getElementsByTagName("form")(0).querySelector("option[value='1745']").Selected = True
You may need to ensure there is a wait before attempting to select. Traditionally a
While MyBrowser.Busy Or MyBrowser.Busy.readyState < 4: DoEvents: Wend
before is good and after any click events.
You can also use a loop to wait until element is present, with time out.
Const WAIT_TIME_SECS As Long = 5
Dim t As Date, ele As Object
t = Timer
Do
DoEvents
On Error Resume Next
Set ele = MyBrowser.document.getElementsByTagName("form")(0).querySelector("option[value='1745']").
On Error GoTo 0
If Timer - t > WAIT_TIME_SECS Then Exit Do
Loop While ele Is Nothing
If Not ele Is Nothing Then ele.Selected = True

Related

Save HTML as PDF (Tried Using MS Word, but embedded images failed!)

I have an old program (15 years old?) that generates HTML attachments to emails. Basically, contract details get attached, along with signatures. The company wants to now send PDF attachments instead.
I tried to open the HTML attachments programmatically in MS Word, then SaveAs type 17 (PDF). Issue is, my embedded background images -- those important signatures -- do not open in Word.
Any have any better ideas, or workarounds?
I tried to open HTML like this in Word:
<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
.VERYSMALL {FONT-FAMILY:Arial; FONT-SIZE:7pt; FONT-WEIGHT:BOLD}
.SMALL {FONT-FAMILY:Arial; FONT-SIZE:8pt}
.REGULAR {FONT-FAMILY:Courier New; FONT-SIZE:10pt}
.HUGE {FONT-FAMILY:Courier New; FONT-SIZE:12pt; FONT-WEIGHT:BOLD}
#media print {
.no-print, .no-print * { display: none !important; } }
</STYLE>
</HEAD>
<BODY class=REGULAR>
<TABLE width=660>
<TR><TD> </TD></TR>
</TABLE>
<TABLE border=0 width=660>
<TR><TD align=center width=20% class=VERYSMALL>
</TD>
<TD width=60% align=center class=HUGE>XYZ & CO., INC.
</TD>
<TD align=center width=20% class=VERYSMALL>
</TD></TR>
<TR><TD align=center width=20% class=VERYSMALL>
TELEPHONE
</TD>
<TD width=60% align=center class=SMALL>
500 MAIN ST, NY 10001
</TD>
<TD align=center width=20% class=VERYSMALL>
TELEX
</TD></TR>
<TR><TD align=center width=20% class=VERYSMALL>
(555) 555-5555
</TD>
<TD align=center width=60%>
</TD>
<TD align=center width=20% class=VERYSMALL>
</TD></TR>
<TR><TD align=center width=20% class=VERYSMALL>
FAX
</TD>
<TD align=center width=60% class=VERYSMALL>
</TD>
<TD align=center width=20% class=VERYSMALL>
</TD></TR>
<TR><TD align=center width=20% class=VERYSMALL>
(555) 555-5555
</TD>
<TD align=center width=60% class=VERYSMALL>
</TD>
<TD align=center width=20% class=VERYSMALL>
</TD></TR>
</TABLE>
<BR>
<TABLE width=660 class=REGULAR>
<TR>
<TD width=100> </TD>
<TD width=55> </TD>
<TD width=195> </TD>
<TD width=20> </TD>
<TD width=50> </TD>
<TD width=80> </TD>
<TD width=80> </TD>
<TD width=80> </TD>
</TR>
<TR>
<TD colspan=2 valign=top align=Left>Contract Number:</TD>
<TD valign=top>96549</TD>
<TD valign=top align=Right colspan=2> </TD>
<TD valign=top colspan=3> </TD>
</TR>
<TR>
<TD colspan=2 valign=top align=Left>Contract Date:</TD>
<TD valign=top>October 12, 2022</TD>
<TD valign=top colspan=5> </TD>
</TR>
<TR>
<TD colspan=8> </TD>
</TR>
<TR>
<TD align=left valign=top>SELLER:</TD>
<TD valign=top colspan=7>ABC Co<BR>
A One Business Center<BR>
La Piece 3<BR>
1180 Rolle, Switzerland</TD>
</TR>
<TR>
<TD colspan=8> </TD>
</TR>
<TR>
<TD align=left valign=top>BUYER:</TD>
<TD valign=top colspan=7>XYZ and Co., Inc.<BR>
Main St<BR>
N.Y. 10001, USA</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>COMMODITY:</TD>
<TD colspan=7>CRUDE PALM OIL, in bulk. Malaysian/Indonesian origin at seller's option. </TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>QUANTITY:</TD>
<TD colspan=7>250 Metric Tons</TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>SHIPMENT:</TD>
<TD colspan=7>June, 2023</TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>PRICE:</TD>
<TD colspan=7>USD 1022.50 per metric ton CIF Rotterdam</TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>ANALYSIS/ WEIGHTS:</TD>
<TD colspan=7>Landed analysis and landed weights to govern.</TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>PAYMENT:</TD>
<TD colspan=7>99% cash against documents on/before vessels arrival at port of destination, but not later than 45 days from Bill of Lading Date, unless documents are presented thereafter. Balance to be settled on determination of landed weight and quality.</TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
<TR>
<TD valign=top align=left>SPECIAL CONDITIONS:</TD>
<TD colspan=7>This contract is subject to the rules and regulations of FOSFA-80, including sticker AS-9 and in compliance with EU-1 regulations.<BR><BR>CIF Rotterdam Traceability terms.<BR><BR>FFA: Max 5% at time of shipment, basis 5% FFA on arrival. M&I basis pure on arrival.<BR><BR>OP #22101366</TD>
</TD>
</TR>
<TR><TD colspan=8> </TD></TR>
</TABLE><BR>
<BR><TABLE width=660 class=REGULAR>
<TR>
<TD width=24> </TD>
<TD valign=top colspan=2 width=276>XYZ and Co., Inc.</TD>
<TD width=24> </TD>
<TD valign=top colspan=2 width=276>ABC</TD>
</TR>
<TR>
<TD width=24> </TD>
<TD valign=top colspan=2 width=276>(Buyer)</TD>
<TD width=24> </TD>
<TD valign=top colspan=2 width=276>(Seller)</TD>
</TR>
<TR>
<TD colspan=6> </TD>
</TR>
<TR>
<TD width=24> </TD>
<TD valign=top width=24>By:</TD>
<TD valign=bottom width=252 style="background: url(data:image/png;base64,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) no-repeat"><BR><BR><BR><HR>(Signature)</TD>
<TD valign=top width=24> </TD>
<TD valign=bottom width=252><BR><HR>(Signature)</TD>
<TD valign=top width=24> </TD>
</TR>
<TR>
<TD colspan=6> </TD>
</TR>
</TABLE><BR></FONT>
</BODY>
</HTML>

Change your media line to match A4 output, it will resolve page size (note those margins for later).
#media print { #page { margin: 0; size: 210mm 297mm ; } body { margin: 0; } }
The browser settings should be default to image, open the test.html and print one with graphics on to check its working.
then in the folder at the console line run
"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --headless --print-to-pdf="%CD%\output.pdf" "%CD%\test.html"
Then type output.pdf and check the result, it should be up to the left.
there should be no visible header footer (because the margins obscure them)
Avoid adjusting that first value so I suggest for your case the second as body { margin: 12mm; } } should be about right (1/2"), too much will trip a new blank page, as seen here, by the page 1/2 :-
For a full folders worth run
(NOTE if using a batchfile.bat change %F to %%F and the 2 x %CD%\%~nF edit to %CD%\%%~nF)
for /f "usebackq delims==" %F in (`dir /b *.html`) do ("C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --headless --print-to-pdf="%CD%\%~nF.pdf" "%CD%\%~nF.html")

Hide/Show Table based off of drop down menu selection HTML

I'm trying to hide the second table below and make it appear when customers select the debit option from the drop down menu at the top. I'm relatively new to this so any help is greatly appreciated!
<table width="723" height="75" border="2">
<tbody>
<tr>
<th width="248" scope="col"><span style="font-size: 13px">Payment
Method:</span>
<select>
<option value=""></option>
<option value="tracer ach credit">Credit</option>
<option value="tracer ach debit">Debit</option>
</select> </th>
</tr>
</tbody>
</table>
<br>
<table width="723" height="558" border="2">
<tbody>
<tr style="text-align: center; font-size: 13px;">
<td height="40" colspan="2">
</td>
</tr>
<tr>
<td height="24" valign="top"><span style="font-size: 13px">Bank
Account:</span>
</td>
<td height="26"><textarea rows="1" cols="50">
</textarea> </td>
</td>
<span style="text-align: center">
</div>
</span>
</tr>
</tbody>
</table>

Add id="table2" to your table and this CSS to start hidden:
#table2 {
visibility:hidden;
}
And add to your <select> the onchange="ShowHide(this)" every change in select call the ShowHide function.
With javascript add this function to turn visible the table if the option selected is debit:
function ShowHide(select){
var table2 = document.getElementById("table2");
if(select.value == "tracer ach debit"){
table2.style.visibility="visible";
}else{
table2.style.visibility="hidden";
}
}
Online example:
function ShowHide(select){
var table2 = document.getElementById("table2");
if(select.value == "tracer ach debit"){
table2.style.visibility="visible";
}else{
table2.style.visibility="hidden";
}
}
#table2 {
visibility:hidden;
}
<table width="300" height="75" border="2">
<tbody>
<tr>
<th scope="col">
<span style="font-size: 13px">Payment Method:</span>
<select id="select" onchange="ShowHide(this)">
<option value=""></option>
<option value="tracer ach credit">Credit</option>
<option value="tracer ach debit">Debit</option>
</select>
</th>
</tr>
</tbody>
</table>
<br>
<table width="300" height="300" border="2" id="table2">
<tbody>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td valign="top">
<span style="font-size: 13px">Bank Account:</span>
</td>
<td>
<textarea rows="1" cols="30"></textarea>
<span></span>
</td>
</tr>
</tbody>
</table>

function paymentChangeHandler(event) {
var value = event.target.value;
var bank = document.getElementById("bank_info");
if (value.indexOf('debit') !== -1) {
bank.style.visibility = "visible";
} else {
bank.style.visibility = "hidden";
}
}
var selector = document.getElementById("payment_method");
selector.onchange = paymentChangeHandler;
<table width="723" height="75" border="2">
<tbody>
<tr>
<th width="248" scope="col"><span style="font-size: 13px">Payment
Method:</span>
<select id="payment_method">
<option value=""></option>
<option value="tracer ach credit">Credit</option>
<option value="tracer ach debit">Debit</option>
</select> </th>
</tr>
</tbody>
</table>
<br>
<table width="723" height="558" border="2" id="bank_info" style="visibility:hidden;">
<tbody>
<tr style="text-align: center; font-size: 13px;">
<td height="40" colspan="2">
</td>
</tr>
<tr>
<td height="24" valign="top"><span style="font-size: 13px">Bank
Account:</span>
</td>
<td height="26"><textarea rows="1" cols="50">
</textarea> </td>
<span style="text-align: center">
</span>
</tr>
</tbody>
</table>
Add id's for payment method drop down control and bank table and add style visibility:hidden to bank table.

hpple XPath query for complex html

I have a complex html file that I need to parse in Objective-C. The html looks like
<HTML>
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" align="left" valign="top"><img src="http://www.indianrail.gov.in/main_text_left_top2.gif" alt="" width="8" height="8"></td>
<td width="100%" align="left" valign="top" class="text_rail_top"><img src="http://www.indianrail.gov.in/blank.gif" alt="" width="1" height="8"></td>
<td width="10" align="right" valign="top"><img src="http://www.indianrail.gov.in/main_text_rgt_top2.gif"alt="" width="8" height="8" ></td>
</tr>
<tr>
<td height="400" align="right" valign="top" class="text_rail_left"></td>
<td width="100%" align="left" valign="top" class="text_back_color"><table border="0" cellPadding="0" cellSpacing="0" width="100%"><tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="2" cellpadding="0"><tr> <td align="middle"> <FONT SIZE = "1"> Indian Railways Online Website: <b><a TITLE = "Passenger Reservation System - CONCERT" href="http://www.indianrail.gov.in/index.html" target="_blank">http://www.indianrail.gov.in</b></a> designed and hosted by CRIS.</FONT> </td></tr></table></td>
</tr><tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td><table border="0" width="100%" /></td>
</tr>
<tr>
<td align="center" valign="top" class="inside_heading_text" colspan="4"><br />Trains Between A Pair of Stations </td>
</tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4" align="center" valign="top" class="Enq_heading"> You Queried For <SCRIPT LANGUAGE="JavaScript" SRC= "/js/inet_srcdest.js">
function getCookie(http://www.indianrail.gov.in/tbisip_400x400.htm)</SCRIPT>
<link href="http://www.indianrail.gov.in/cris_google.css" media="all" rel="Stylesheet" type="text/css" />
<script language ="JavaScript">
var searchQuery ='MUMBAI CENTRAL DELHI '
</script><FORM NAME="Accavl" METHOD="POST" ACTION="http://www.indianrail.gov.in/cgi_bin/inet_accavl_cgi1.cgi">
<TR>
<TD valign="top"><table width="98%" border="0" align="center" cellpadding="3" cellspacing="1" class="table_border">
<TR class="heading_table_top">
<TH>Origin</TH>
<TH>Destination</TH>
</TR>
<TR>
<TD class="table_border_both">MUMBAI CENTRAL -[BCT ]</TD>
<TD class="table_border_both">DELHI -[DLI ]</TD>
</TR>
</TABLE>
</TD></TR>
<TR><td> </td></TR>
<TR>
<td class="main_text">Enter Quota:</td>
<td><SELECT NAME="lccp_quota" SIZE="1" >
<OPTION VALUE="CK">Tatkal Quota
<OPTION VALUE="LD">Ladies Quota
<OPTION VALUE="DF">Defence Quota
<OPTION VALUE="FT">Foreign Tourist Quota
<OPTION VALUE="SS">Lower Berth Quota$
<OPTION VALUE="YU">Yuva Quota
<OPTION VALUE="DP">Duty Pass Quota
<OPTION VALUE="HP">Handicaped Quota
<OPTION VALUE="PH">Parliament House
<OPTION selected VALUE="GN">General Quota
</SELECT></TD></tr>
<tr>
<td class="main_text">Journey Date:</td><td><INPUT NAME="lccp_day" SIZE="2" VALUE="11" onchange="return changedate()"><SELECT NAME="lccp_month" SIZE="1" onClick="return changedate()"><OPTION selected VALUE="5">May<OPTION VALUE="6">Jun<OPTION VALUE="7">Jul</SELECT></TD></tr><INPUT TYPE="HIDDEN" NAME="lccp_classopt" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class1" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class2" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class3" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class4" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class5" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class6" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class7" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class8" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_class9" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_cls10" SIZE="2" VALUE="ZZ"><INPUT TYPE="HIDDEN" NAME="lccp_age" SIZE="2" VALUE="ADULT_AGE"><tr>
<td> </td><td><INPUT TYPE="Button" CLASS="btn_style" NAME="lccp_submitacc" ONCLICK="return submitavailability(0)" VALUE="Get Availability"> <INPUT TYPE="Button" CLASS="btn_style" NAME="lccp_submitfare" ONCLICK="return submitfare(0)" VALUE="Get Full Fare"> <INPUT TYPE="Button" CLASS="btn_style" NAME="lccp_submitpath" ONCLICK="return submitroute(0)" VALUE="Get Schedule"> <INPUT TYPE="BUTTON" CLASS="btn_style" NAME="lccp_submitrun" ONCLICK="return submitrun(0)" VALUE="Get Running Status"></td></tr></table><br>
<TABLE BORDER ALIGN=center><TABLE width="98%" border="1" bordercolor="#993300" align="center" cellpadding="3" cellspacing="1" class="table_border_both_left"><tr class="heading_table_top">
<TH ROWSPAN = 2 width="9%" >Train No.</TH>
<TH ROWSPAN = 2 width="20%" >Train Name</TH>
<TH ROWSPAN = 2 width="15%" >Origin</TH>
<TH ROWSPAN = 2 width="8%" >Dep.Time</TH>
<TH ROWSPAN = 2 width="14%" >Destination</TH>
<TH ROWSPAN = 2 width="7%" >Arr.Time</TH>
<TH COLSPAN = 7 width="7%" >Days Of Run</TH>
<TH COLSPAN = 10 width="7%">Classes</TH>
</TR>
<TR class="heading_table_top">
<TH width="3%">M</TH>
<TH width="3%">T</TH>
<TH width="3%">W</TH>
<TH width="3%">T</TH>
<TH width="3%">F</TH>
<TH width="3%">S</TH>
<TH width="3%">S</TH>
<TH width="3%">1A</TH>
<TH width="3%">2A</TH>
<TH width="3%">FC</TH>
<TH width="3%">3A</TH>
<TH width="3%">CC</TH>
<TH width="3%">SL</TH>
<TH width="3%">2S</TH>
<TH width="3%">3E</TH>
</TR>
<TR><TD><INPUT TYPE="RADIO" NAME="lccp_trndtl" VALUE="19019BDTSNZM YYYYYYYY "ONCLICK="return farefill('19019BDTSNZM YYYYYYYY ','19019','BDTS',0,0,1,0,1,0,1,0,0,0,0)" CHECKED>19019</TD>
<TD ALIGN =Center TITLE = " Please look the following same trains list also ">+DEHRADUN EXP <A NAME="BACKSAMETRN"></A>
<TD ALIGN =Center TITLE="Station CodeBDTS">BANDRA TERMINUS</TD>
<TD ALIGN = Center>00:05</TD>
<TD ALIGN = Center TITLE="Station Code NZM ">H NIZAMUDDIN </TD>
<TD ALIGN = Center>05:25</TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD>-</TD>
<TD><INPUT TYPE="RADIO" Name="lccp_class2" VALUE="2A" ONCLICK="return deselectclass(1,0,1,0,1,0,1,0,0,0,0,'N','Y','N','N','N','N','N','N','N','N')" CHECKED>
<TD>-</TD>
<TD><INPUT TYPE="RADIO" Name="lccp_class4" VALUE="3A" ONCLICK="return deselectclass(1,0,1,0,1,0,1,0,0,0,0,'N','N','N','Y','N','N','N','N','N','N')">
<TD>-</TD>
<TD><INPUT TYPE="RADIO" Name="lccp_class6" VALUE="SL" ONCLICK="return deselectclass(1,0,1,0,1,0,1,0,0,0,0,'N','N','N','N','N','Y','N','N','N','N')">
<TD>-</TD>
<TD>-</TD>
</TR></FONT>
<TR><TD><INPUT TYPE="RADIO" NAME="lccp_trndtl" VALUE="19023BCT NDLSYYYYYYYY "ONCLICK="return farefill('19023BCT NDLSYYYYYYYY ','19023','BCT ',0,0,0,0,0,0,2,1,0,0,0)">19023</TD>
<TD ALIGN =Center TITLE = " Please look the following same trains list also ">+FZR JANATA EXP <A NAME="BACKSAMETRN"></A>
<TD ALIGN =Center TITLE="Station CodeBCT ">MUMBAI CENTRAL </TD>
<TD ALIGN = Center>07:25</TD>
<TD ALIGN = Center TITLE="Station Code NDLS">NEW DELHI </TD>
<TD ALIGN = Center>12:45</TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD><FONT COLOR = green><B>Y</B></TD>
<TD>-</TD>
<TD>-</TD>
<TD>-</TD>
<TD>-</TD>
<TD>-</TD>
<TD><INPUT TYPE="RADIO" Name="lccp_class6" VALUE="SL" ONCLICK="return deselectclass(2,0,0,0,0,0,2,1,0,0,0,'N','N','N','N','N','Y','N','N','N','N')">
<TD><INPUT TYPE="RADIO" Name="lccp_class7" VALUE="2S" ONCLICK="return deselectclass(2,0,0,0,0,0,2,1,0,0,0,'N','N','N','N','N','N','Y','N','N','N')">
<TD>-</TD>
</TR></FONT>
</TABLE>
</BODY>
</HTML>
I want to parse the html using hpple for the following output
19019
BANDRA TERMINUS
00:05
H NIZAMUDDIN
05:25
2A
3A
SL
19023
MUMBAI CENTRAL
07:25
NEW DELHI
12:45
SL
2S
I started with the following xpath query
NSString *tutorialsXpathQueryString = #"//table[#class='table_border_both_left']//td";
But it returns way to many results and is difficult to parse further. Can someone help me with the xpath query so I can parse this more efficiently.
Thanks!

You can locate table rows with this:
List<WebElement> tableRows = findElements(By.xpath("//TABLE[#class='table_border_both_left']//tr[not(#class='heading_table_top')]"));
In a row find the expected data :
for (WebElement row : tableRows) {
String trainNo = row.findElement(By.xpath("td[1]")).getText(); //or use xpath : td[1]/text()
String origin = row.findElement(By.xpath("td[3]")).getText(); //or use xpath : td[3]/text()
String deptTime = row.findElement(By.xpath("td[4]")).getText(); //or use xpath : td[4]/text()
String destination = row.findElement(By.xpath("td[5]")).getText(); //or use xpath : td[5]/text()
String arrTime = row.findElement(By.xpath("td[6]")).getText(); //or use xpath : td[6]/text()
List<WebElement> radioButtons = row.findElements(By.xpath("td//input[not(#name='lccp_trndtl')]"));
// or use xpath : //TABLE[#class='table_border_both_left']//tr[not(#class='heading_table_top')]//td//input[not(#name='lccp_trndtl')]//#value
for (WebElement radio : radioButtons) {
String value = radio.getAttribute("value");
}
}
Sorry for my code but I'm using Selenium WebDriver in Java. I hope the given xpath expressions will be useful.

You can use an XPath union expression (i.e. |) to return the direct text() children of your TD elements and also the #VALUE attribute of your INPUT elements:
//TABLE[#class='table_border_both_left']//TD(text() | INPUT[#TYPE eq "RADIO"]/#VALUE)

Perl HTML::Strip->parse doesnt ignore

I am currently using perl HTML::Strip to extract text from my HTML file, however i have run into a minor problem with HTML specific spaces ie the " ". For some reason HTML::Strip->parse() doesnt seem to work in this instance. I know i can run the replace command later on. But i was checking to see if there another way i can accomplish this by tweaking the new() constructor? Thanks in advance
Perl Code:
my $hs = HTML::Strip->new();
my $line = join('',#htmlSource);
my $clean_text = $hs->parse( $line );
push #processedLines, grep { /\S/ } split (/\n/,$clean_text);
foreach my $f ( #processedLines ) {
print "$f\n";
}
Sample Output:
CBD_UnitTest
MtrTempEst
MtrTempEst_Init1 (C1-Coverage: 100.00 %, 1 out of 1 Testcases passed)
LeadLagFilt (C1-Coverage: 100.00 %, 1 out of 1 Testcases failed)
 
 
AssMechFiltInit (C1-Coverage: 100.00 %, 1 out of 1 Testcases passed)
Sample Dataset:
<table bgcolor="white" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="100%" cellspacing="0" cellpadding="1" bgcolor="white" border="0">
<tr bgcolor="#dcdcdc">
<td width="1%" bgcolor="white">
<img border="0" src="pictures/batch_module_notok.jpg"/>
</td>
<td colspan="3" width="1%">
<font face="tahoma" size="-2" color="black">
CBD_UnitTest
</font>
</td>
<td width="1%">
</td>
<td width="1%">
</td>
<td width="1%">
<img border="0" src="pictures/batch_check_notok.gif"/>
</td>
</tr>
<tr bgcolor="white">
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
<img border="0" src="pictures/batch_module_notok.jpg"/>
</td>
<td colspan="2">
<font face="tahoma" size="-2" color="black">
MtrTempEst
</font>
</td>
<td width="1%">
</td>
<td width="1%">
</td>
<td width="1%">
<img border="0" src="pictures/batch_check_notok.gif"/>
</td>
</tr>
<tr bgcolor="#dcdcdc">
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
<img border="0" src="pictures/batch_ok.jpg"/>
</td>
<td>
<a href="#CBD_UnitTest:MtrTempEst:ts_MtrTempEst_Init1"><font face="tahoma" size="-2" color="black">
MtrTempEst_Init1 (C1-Coverage: 100.00 %, 1 out of 1 Testcases passed)
</font></a>
</td>
<td width="1%">
</td>
<td width="1%">
</td>
<td width="1%">
<img border="0" src="pictures/batch_check_ok.gif"/>
</td>
</tr>
<tr bgcolor="#FF0000">
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
<img border="0" src="pictures/batch_notok.jpg"/>
</td>
<td>
<a href="#CBD_UnitTest:MtrTempEst:ts_LeadLagFilt"><font face="tahoma" size="-2" color="white">
<b>LeadLagFilt (C1-Coverage: 100.00 %, 1 out of 1 Testcases failed)</b>
</font></a>
</td>
<td width="1%">
<a name="LeadLagFilt_0"></a>
</td>
<td width="1%">
</td>
<td width="1%">
<img border="0" src="pictures/batch_check_notok.gif"/>
</td>
</tr>
<tr bgcolor="#dcdcdc">
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
</td>
<td width="1%" bgcolor="white">
<img border="0" src="pictures/batch_ok.jpg"/>
</td>
<td>
<a href="#CBD_UnitTest:MtrTempEst:ts_AssMechFiltInit"><font face="tahoma" size="-2" color="black">
AssMechFiltInit (C1-Coverage: 100.00 %, 1 out of 1 Testcases passed)
</font></a>
</td>
<td width="1%">
</td>
<td width="1%">
</td>
<td width="1%">
<img border="0" src="pictures/batch_check_ok.gif"/>
</td>
</tr>
</table>
</td>
</tr>
</table>

Have you installed HTML::Entities?
The docs for HTML::Strip state:
"HTML::Strip will only attempt decoding of HTML entities if HTML::Entities is installed."

Figured out the answer from the link to HTML::Entities above. Thx #edibleEnergy
use HTML::Strip;
use HTML::Entities;
my $hs = HTML::Strip->new();
my $line = join('',#htmlSource);
_decode_entities($line, { nbsp => "" }, 1);
my $clean_text = $hs->parse( $line );
push #processedLines, grep { /\S/ } split (/\n/,$clean_text);
foreach my $f ( #processedLines ) {
print "$f\n";
}
I understand that we could just use the simple replace here (ie s/\ //g) But the above example works for instance with or without the ";" at the end. Please check the link provided in the #edibleEnergy's answer.

print compatibility in web browsers

I am running the following as a simple html file.Problem is that when i am running it on firefox i get a different view than on chrome i.e extra space at the end of the page in the table in case of chrome because of which i am getting extra pages at the end in print preview,i want that it should look as in case of firefox.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<!--last modified on Tuesday, June 05, 2001 08:55 AM -->
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
<META NAME="GENERATOR" Content="Visual Page 2.0 for Windows">
<META NAME="Author" Content="NetCorrespondence.com">
<TITLE>Printing Work Order</TITLE>
</HEAD>
<BODY>
<img src="/CFFileServlet/_cf_image/_cfimg5646601472618022292.PNG" alt="" />
<P>
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" HEIGHT="100%">
<TR>
<TD WIDTH="100%" VALIGN="TOP">
<TABLE BORDER="1" WIDTH="100%">
<TR>
<TD WIDTH="50%"><b><font size="+1"> </font></b></TD>
<TD WIDTH="50%">
<P ALIGN="RIGHT"><b>WORKORDER - Pest Control Services</b>
</TD>
</TR>
<TR>
<TD WIDTH="50%" VALIGN="TOP">
<table>
<tr>
<td><img src="http://209.123.166.68/E7CC71EB-756D-462F-9641B46BA6927E9B/pestlogo.jpg" alt="" width="100" height="125" border="0"></td>
<td>
<FONT SIZE="5">
Preferred Pest Services, Inc D/B/A Pest Pro Services
</FONT>
<BR>
32 Drysdale Street<BR>
Staten Island, NY, 10314<BR>
Tel:718 983-0004<BR>
Fax:718-477-0333 Email:pestprosolutions#gmail.com
<BR>
Sales Representative: Debbie
</td>
</tr>
</table>
</TD>
<TD WIDTH="50%" VALIGN="TOP">
<DIV ALIGN="RIGHT">
<P>
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="95%">
<TR>
<TD><b>Order#:</b></TD>
<TD> 92681</TD>
</TR>
<TR>
<TD><b>JobDate:</b></TD>
<TD> <b>10/07/2011</b></TD>
</TR>
<TR>
<TD><b>Day of Week:</b></TD>
<TD> <b>Friday</b></TD>
</TR>
<TR>
<TD><b>Location:</b></TD>
<TD> Manhattan</TD>
</TR>
<TR>
<TD><b>Start Time:</b></TD>
<TD> 12:00 PM</TD>
</TR>
<TR>
<TD width="50%"><b>CFP:</b></TD>
<TD width="50%"> </TD>
</tr>
<tr>
<TD width="50%"><b>CN:</b></TD>
<TD width="50%"> </TD>
</TR>
<tr>
<TD width="50%"><b>Day Number:</b></TD>
<TD width="50%"> 1/1 </TD>
</TR>
</table>
</DIV>
</TD>
</TR>
<TR>
<TD WIDTH="50%"><b>FOR OFFICE USE ONLY:</b></TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD WIDTH="50%" VALIGN="TOP"><B>CUSTOMER INFORMATION:</B><BR><BR>
Company: Lemle and Wolff<BR>
Christopher Anelante<BR>
Address: 5925 Broadway<BR>
Address: Bronx, NY 10463<BR>
Telephone: 718 884-7676 Fax: 718 884-5300<BR>
Email: <BR>
<TD WIDTH="50%" VALIGN="TOP"><B>Billing Address:</B><BR><BR>
Company: Lemle and Wolff<BR>
Christopher Anelante<BR>
Address: 5925 Broadway<BR>
Address: Bronx, NY 10463<BR>
</TD>
</TR>
<TR>
<TD WIDTH="50%"><b>JOB SITE:</b></TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD VALIGN="TOP" COLSPAN="2">
<b>JOB INFORMATION:</b><BR>
2651 Eighth Avenue<br>
New York, NY 10030<br>
Primary Contact: Eriberto Jacques 172*44*29419 Phone: 718 884-7676 Cell: Beeper:<br>
Notes:<BR>
JOB TYPE: Pest Control Services<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD COLSPAN="2"><B>Job Description:</B>
Pest Control Services-First Friday of the month 12:00 PM
</TD>
</TR>
<TR>
<TD VALIGN="TOP" COLSPAN="2"><B>Special Instructions:</B><BR>
Service to all of 10 apartments in building thorough treatment for mice roaches and insects. MUST LIST ALL APARTMENTS IN BUILDING ON LIST. TREAT all common areas and basements and common areas. MUST SEE SUPER FOR ACCESS</TD>
</TR>
<TR>
<TD COLSPAN="2"><b>ORDER TOTALS</b></TD>
</TR>
<TR>
<TD COLSPAN="2">Service Price: $30.00 Parts: $0.00 Subtotal: $30.00 Tax: $2.51 Total: $32.51</TD>
</TR>
<TR>
<TD VALIGN="TOP" COLSPAN="2"><B>Parts:</B><BR>
<table width="90%" border="1" cellspacing="0" cellpadding="0"><tr>
<TR>
<TD WIDTH="49%"><b>ItemID</b></TD>
<TD WIDTH="24%"><b>Description</b></TD>
<TD WIDTH="20%"><b>Qty</b></TD>
<TD WIDTH="20%"><b>Price</b></TD>
<TD WIDTH="20%"><b>Total</b></TD>
</TR>
</TD>
</tr>
</table>
</TR>
<TR>
<TD COLSPAN="2"> </TD>
</TR>
<TR>
<TD WIDTH="50%" VALIGN="TOP">
<DIV>
<P><FONT SIZE="2">Please sign that job was completed and performed in a <BR>
satisfactory manner.</FONT></P>
<P><FONT SIZE="2">Name:___________________________<BR><br>
Authorized Signature:_____________________________<BR><br>
Title:__________ Date:__________<BR><br>
</FONT>
</DIV>
<P><FONT SIZE="2">Job Completed: [ ]Yes [ ]No </FONT><FONT SIZE="1"></FONT>
</TD>
<TD WIDTH="50%" VALIGN="TOP"><FONT SIZE="2">Persons on the Job<BR><BR>
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="74%">
<TR>
<TD WIDTH="49%"><FONT SIZE="2"><b>Name</b></FONT></TD>
<TD WIDTH="24%"><FONT SIZE="2"><b>Start Time</b></FONT></TD>
<TD WIDTH="20%"><FONT SIZE="2"><b>End Time</b></FONT></TD>
</TR>
<TR>
<TD WIDTH="49%">Carlos Almonte</TD>
<TD WIDTH="24%"> </TD>
<TD WIDTH="20%"> </TD>
</TR>
</TABLE>
<font size="-1"><br>Please use the back of this workorder for comments.</font></FONT></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<!---<p style="page-break-after: always"></p>--->
<table Align="Center" width="85%">
<tr>
<td valign="Top">
<font size="+4"><div align="center"><b><u>WARNING!!</u></b></div></font>
<div align="center"><font size="+3">To all residents of:</font></div><br>
<font size="+3"><div align="center">2651 Eighth Avenue</div></font>
<br>
<div align="center"><font size="+4">Your stairhalls will be cleaned on:</font></div></font>
<br><br>
<font size="+3"><div align="center">Friday Oct-07/2011 12:00PM-06:11PM</div></font>
<br><br>
<font size="+4">
<b>DANGER TO ANYONE ATTEMPTING TO ENTER STAIRWAY !!!!</b>
<BR><BR>
<b>MUST USE CAUTION WHEN USING THESE STAIRCASES FOR THE NEXT 48 HOURS!</b>
</font>
<br><br>
<font size="+3"><p align="right">Thank You for your cooperation,<br>
The Management</p></font>
</td>
</tr>
</table>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<!--last modified on Tuesday, June 05, 2001 08:49 AM -->
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
<META NAME="GENERATOR" Content="Visual Page 2.0 for Windows">
<META NAME="Author" Content="NetCorrespondence.com">
<TITLE>Confirmation</TITLE>
</HEAD>
<BODY>
<P>
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" HEIGHT="100%">
<TR>
<TD WIDTH="100%" VALIGN="TOP">
<TABLE BORDER="1" WIDTH="100%">
<TR>
<TD WIDTH="50%">
</TD>
<TD WIDTH="50%">
<P ALIGN="RIGHT"><font size="+1"><b>CONFIRMATION OF SERVICES<BR> for Pest Control Services</b></font>
</TD>
</TR>
<TR>
<TD WIDTH="50%" VALIGN="TOP">
<table>
<tr>
<td align="left" valign="Top">
</td>
<td valign="top">
<FONT SIZE="5">Pest Pro Services</FONT><BR>
32 Drysdale Street<BR>
Staten Island NY 10314<BR>
Tel:718 983-0004<BR>
Fax:718-477-0333
<BR>
</td>
</tr>
<tr>
<td colspan="2">Sales Representative: Debbie</td>
</tr>
</table>
</TD>
<TD WIDTH="50%" VALIGN="TOP">
<DIV ALIGN="RIGHT">
<P>
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="75%">
<TR>
<TD>Order#:</TD>
<TD> 92681</TD>
</TR>
<TR>
<TD>JobDate:</TD>
<TD> 10/07/2011</TD>
</TR>
<TR>
<TD>Location:</TD>
<TD> Manhattan</TD>
</TR>
<TR>
<TD>StartTime:</TD>
<TD> 12:00 PM</TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
<TR>
<TD WIDTH="50%"> </TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD WIDTH="50%" VALIGN="TOP">Lemle and Wolff<BR>
Telephone: 718 884-7676 Fax: 718 884-5300<BR>
Billing Address: 5925 Broadway<br>
Address: Bronx, NY 10463<BR>
</TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD WIDTH="50%"> </TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD VALIGN="TOP" COLSPAN="2">
JOB TYPE: Pest Control Services<BR>
Attention: Eriberto Jacques 172*44*29419<BR>
Job Address: 2651 Eighth Avenue<BR>
Job City: New York
Borough or Town: Manhattan<BR>
<BR>
Site Manager/Super: Eriberto Jacques 172*44*29419 Tel: 718 884-7676
Beeper: Cell: Location
of Site/Mtc: Eriberto Jacques 172*44*29419<BR>
<BR>
</TD>
</TR>
<TR>
<TD WIDTH="50%"> </TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD WIDTH="50%" VALIGN="TOP"><BR>
Dear Customer,<br><br>
Thankyou for choosing us as your building maintenance company. Your building/s will be serviced on:<br>
<br>
<font size="+1"><b>Day:</b> Friday<br>
<b>Date:</b> Oct-072011<br>
<b>Start Time:</b> 12:00 PM<br></font>
<br>
Please post
any notices if applicable.
</TD>
<TD WIDTH="50%" VALIGN="TOP">
<B><FONT SIZE="2">SPECIAL INSTRUCTIONS:</FONT></B>
<br>
Service to all of 10 apartments in building thorough treatment for mice roaches and insects. MUST LIST ALL APARTMENTS IN BUILDING ON LIST. TREAT all common areas and basements and common areas. MUST SEE SUPER FOR ACCESS
<br>
<br>
<br>
<TABLE BORDER="1" CELLSPACING="1" WIDTH="80%">
<TR>
<TD WIDTH="67%"><FONT SIZE="2">Agreed Price:</FONT></TD>
<TD WIDTH="33%" Align="Right"><FONT SIZE="2">$30.00</FONT></TD>
</TR>
<TR>
<TD WIDTH="67%"><FONT SIZE="2">P.O. #:</FONT></TD>
<TD WIDTH="33%"></TD>
</TR>
</TABLE>
<br><br>
<b> All cancellations require at least 24 hours of notice to us
Failure to do so could result in extra charges.</b>
</TD>
</TR>
<TR>
<TD COLSPAN="2">
</TD>
</TR>
<TR>
<TD VALIGN="TOP">
Date Confirmed: <br>
Confirmed By:
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<!---<p style="page-break-after: always"></p>--->

First, make a stylesheet for your print layout:
<link rel="stylesheet" href="/css/print.css" type="text/css" media="print" />
Key there being media="print".
Next, reset the base style so it's cross-browser normalized. Check out YUI3's CSS reset syntax for a quick reference: http://yuilibrary.com/yui/docs/cssreset/
From there, you'll want to omit visual stuff people hate printing out, like logos, graphical navs, etc:
#logo, .nav-tab, .etc {
display:none;
}
Finally, set the page breaks so you don't get unintentional content-splitting across multiple pages:
#some-important-element {
page-break-before: always;
}
Once you set this up, you won't have to worry about cross-browser quirks interfering with your web-print renderings.