Load a fiddle from POST

by dandiebolt

HTML

<h2>Signup Task</h2>
<form method='post' action='http://jsfiddle.net/api/post/jquery/1.5/dependencies/more/' target='check'>
    <p><input type='submit'/> Create a Fiddle for your Signup Task</p>
    <label>HTML:</label>
    <textarea name='html'><h2>MySignup Task</h2><input type="button" value="Click Here To Do Signup Task" onClick="DoIt();"></textarea>
    <label>JavaScript:</label>
    <textarea name='js'>function DoIt() {alert("Signup Task is Complete");}</textarea>
    <label>CSS:</label>
    <textarea name='css'>body { font-family: Helvetica, Tahoma; }</textarea>
    <label>Title:</label>
    <input type='text' name='title' value='Signup Task'/>
    <label>Description:</label>
    <textarea name='description'>Please perform this signup task</textarea>
    <label>Resources (comma separated, no spaces):</label>
    <textarea name='resources'></textarea>
    <label>DTD:</label>
    <input type='text' name='dtd' value='html 4'/>
</form>

CSS

body { font-family: Helvetica, Tahoma; }
h2 { font-size: 1.5em; margin-bottom: 10px; display: block;}
p { margin-bottom: 15px; display: block; font-size: 0.8em; }
label { font-weight: bold; }
textarea, input[type=text] { 
    padding: 3px 5px; 
    width: 80%; 
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
textarea { height: 70px; }