Javascript (or jQuery) Script to Update an iframe showing Jquery MOBILE elements

Price: $30 USD

Question description

Here's what I currently have: ---->

I need it to function exactly like the site "Codiqa":

Here's another brief description of how I want it to function: Instructions.pdf

Right now all elements from the left can be dragged, but once you drop them in the iframe they will need to update the iframe to show the JQuery Mobile view of the elements

 (very silmiar to the Codiqa builder. If you don't want  to sign up for a free Codiqa account - go to and scroll down halfway until you see another builder - this is similiar to what I want.)

(1) Create a function that recognizes which object is being dropped into the iframe (or parent div). 
(The objects will all be JQuery Mobile elements - JQM Header, Footer, Button, Link, Textarea, Text Input, etc...). 

(2)The iframe needs to update itself to show the new JQUERY MOBILE elements that were added.

(3) Any additional elements may be APPENDED or PREPENDED to the iframe

Tutor Answer

(Top Tutor) Daniel C.
School: Rice University
Studypool has helped 1,244,100 students
Ask your homework questions. Receive quality answers!

Type your question here (or upload an image)

1826 tutors are online

Brown University

1271 Tutors

California Institute of Technology

2131 Tutors

Carnegie Mellon University

982 Tutors

Columbia University

1256 Tutors

Dartmouth University

2113 Tutors

Emory University

2279 Tutors

Harvard University

599 Tutors

Massachusetts Institute of Technology

2319 Tutors

New York University

1645 Tutors

Notre Dam University

1911 Tutors

Oklahoma University

2122 Tutors

Pennsylvania State University

932 Tutors

Princeton University

1211 Tutors

Stanford University

983 Tutors

University of California

1282 Tutors

Oxford University

123 Tutors

Yale University

2325 Tutors