// post · 719

Fun with JQuery

author: Michael Dale ·

I am in the process of writing in invoicing support for IPManager (need to change the name of this app!). I've looked at Xero and Saasu but I'd still need to work out their API, and I don't like the idea of companies having access to my data, so I'm doing it myself :)


To do it nicely I need to use a bunch of JQuery so that you can easily add new line items on the fly (and calculate tax etc).


I've got it working just the way I want it, using a very long JQuery command! 


$('.invoice_item').clone().addClass('new_invoice_item').removeClass('invoice_item').find('input')

.val('').end().find('p').append('<a id="delete_item" class="button"

href="#">Delete</a>').end().appendTo('.invoice_item_extra');

Here are a couple of screen shots:


Invoice Line Items


And here is the basic design that the clients will see:


Client Invoice View


I am pretty happy with it so far, lots of work to go though.

// comments

// leave a comment

> click for comments help

HTML allowed: <a href="" title="" rel=""></a> <b></b> <blockquote cite=""></blockquote> <em></em> <i></i> <strike></strike> <strong></strong> <li></li> <ol></ol> <ul></ul>
ie: <b>bold</b>

Your comment may need to be reviewed before it is published.