Categories

Bluetrait
        Bluetrait
            Videos
            Solar
            Coding
            Geek
            General
            Coding
                PHP
                Bluetrait
                WordPress
                    Plugins
                PHP
                Bluetrait (Program)
            Geek
                Juniper
                Cisco
                IBM N2200 8363
                PCs
                Spam
                IPv6
                Apple
                NetScreen
                Internet
            General
                Uni

Sat, 11 Feb 2012 10:44 PM

Fun with JQuery

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

Comments?

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.

Message

Name

Email (not shown)

WWW (optional)

Allow contact form email

Remember details