Preview UE before submit with AJAX jquery lightbox
I have 4 instances of UE on one form. Each instance has it's own html design which gives the user flexability to choose the correct html layout to suit the type of email they are sending.
I would like to add a visual element to this process. Each instance of universal email is controlled by a radio button so a user can only select one instance/ hence send one email instance/html layout to each person. I would like to create a preview button so when a user types the contents of the email in the textarea and clicks preview they can see what there email will look like (using jquery lightbox) WITHOUT submitting or refreshing the form.
I believe this is possible the main thing I am not sure of is whether I should link the preview button to the e.g WAUE_myemail.php (ue template instance), or whether I should create my own corresponding html pages, completely separate of UE, and bind the form fields to the designated areas on the page.
Your Help is much appreciated