I need the following designed and a working model of it. (it is proof of concept but i need a working version of it returned to me)
All code must be fully commented as this is only the beginning of a bigger project.
What i need is -
*A SINGLE PAGE* (must all load in one page, no pops etc)
I need 2 tabs on this page(css should be ok to do this)
tab1 is just a textarea the size of the page where you type. There should also be two buttons at the top "save" and "save and preview" button on the page.
"save" should save the code so that when the user selects tab2 that code is now rendered.
"save and preview" should save the code and switch to tab2
The idea is that you type in HTML code here.
(including doctype head body etc - an entire webpage)
Then tab2 should show this page loaded that has been typed into tab1.
I dont want the entire page to reload when you view the [login to view URL] must use AJAX or similar to do this.
The browser must see the code on tab 2 as a new page( Doctype and Head elements etc must be used by the browser when loading this tab - IT MUST LOAD the code keyed into TAB1 as if that was a proper page)
(I dont really like the idea of an iframe on tab2 so if you have other ideas to solve this i would love to hear , but iframe is ok if it is the only way to have the browser see it as a new page...)
It must be very smooth/ simple/ sleek design of tabs.
view the attached image for the idea but it needs to be MUCH more stylish and modern looking.
if you have any questions just ask.