creating an html representation of an invoice

Creating an html representation of an invoice

So I've recently had alot of fun here with XML and XSL in trying to generate an html view of an invoice based on XML data.

The invoice data was generated by our invoicing program and stored in an XML format and then transformed via XSL into an html document.

The cool part is that the customer wanted the invoice to have barcodes so that you could easily pay your bill at a convenience store like am/pm or 7-11. So I learned way more about barcodes than I cared to do. Please take a look at: barcodes.html

The original invoice was the following:

The original html invoice (opens in a new window)

Not too pretty, eh?

The Customer's actual invoice looks like the following:

A scan of an actual invoice (opens in a new window)

Note: The Customer Names and accounts have been blurred on purpose. ;-)

Here's my version of the invoice, created by using xsl from the xml invoice data.

My html representation of this invoice (Opens in a new window) (Make sure that your browser can recognize UTF-8 encoding with Japanese Character sets.)

I was also able to get page separation to work properly as well, so try printing it.