Team:UCLondon/Templates/bottom-contentv2

From 2012e.igem.org

(Difference between revisions)
Line 344: Line 344:
var openBox = function () {  
var openBox = function () {  
   $('#shadow').center();
   $('#shadow').center();
 +
 +
    var input = '<form method="post" id="cntctfrm_contact_form" action="http://codonusageoptimizer.org/contact/" enctype="multipart/form-data"><div style="text-align: left; color: red;">Please make corrections below and try again.</div><div style="text-align: left; padding-top: 5px;">
 +
<label for="cntctfrm_contact_name">Name:<span class="required"> *</span></label>
 +
</div><div style="text-align: left; color: red;">Your name is required.</div><div style="text-align: left;">
 +
<input class="text" type="text" size="40" value="" name="cntctfrm_contact_name" id="cntctfrm_contact_name" style="text-align: left; margin: 0;">
 +
</div>
 +
 +
<div style="text-align: left;">
 +
<label for="cntctfrm_contact_email">E-Mail Address:<span class="required"> *</span></label>
 +
</div><div style="text-align: left; color: red;">A proper e-mail address is required.</div><div style="text-align: left;">
 +
<input class="text" type="text" size="40" value="" name="cntctfrm_contact_email" id="cntctfrm_contact_email" style="text-align: left; margin: 0;">
 +
</div>
 +
 +
<div style="text-align: left;">
 +
<label for="cntctfrm_contact_subject">Subject:<span class="required"> *</span></label>
 +
</div><div style="text-align: left; color: red;">Subject text is required.</div><div style="text-align: left;">
 +
<input class="text" type="text" size="40" value="" name="cntctfrm_contact_subject" id="cntctfrm_contact_subject" style="text-align: left; margin: 0;">
 +
</div>
 +
 +
<div style="text-align: left;">
 +
<label for="cntctfrm_contact_message">Message:<span class="required"> *</span></label>
 +
</div><div style="text-align: left; color: red;">Message text is required.</div><div style="text-align: left;">
 +
<textarea rows="5" cols="30" name="cntctfrm_contact_message" id="cntctfrm_contact_message"></textarea>
 +
</div><div style="text-align: left;">
 +
<label for="cntctfrm_contact_attachment">Attachment:</label>
 +
</div><div style="text-align: left;">
 +
<input type="file" name="cntctfrm_contact_attachment" id="cntctfrm_contact_attachment">
 +
<label style="font-size:10px;"><br>You can attach files of the following types: html, txt, css, gif, png, jpeg, jpg, tiff, bmp, ai, eps, ps, rtf, pdf, doc, docx, zip, rar, wav, mp3, ppt</label>
 +
</div><div style="text-align: left; padding-top: 8px;">
 +
<input type="hidden" value="send" name="cntctfrm_contact_action"><input type="hidden" value="Version: 3.13">
 +
<input type="submit" value="Submit" style="cursor: pointer; margin: 0pt; text-align: center;margin-bottom:10px;">
 +
</div>
 +
</form>'
   $('#shadow').toggle('slow', function() {
   $('#shadow').toggle('slow', function() {
-
       $(this).children('#box-content').html('<p>Hello World</p>');  
+
       $(this).children('#box-content').html(input);  
     });
     });
    
    

Revision as of 03:58, 19 September 2012

Retrieved from "http://2012e.igem.org/wiki/index.php/Team:UCLondon/Templates/bottom-contentv2"