"
Team:UCLondon/Templates/Navigationv2
From 2012e.igem.org
(Difference between revisions)
| Line 198: | Line 198: | ||
}, 100 ); | }, 100 ); | ||
}); | }); | ||
| + | |||
| + | |||
| + | |||
| + | jQuery.fn.center = function () { | ||
| + | var w = $(window); | ||
| + | var b = $('body'); | ||
| + | var mt = w.scrollTop() + (w.height() > b.height()) ? 0: ( -1 *Math.abs( w.outerHeight() - b.outerHeight() )/2 ); | ||
| + | this.css({ | ||
| + | 'position':'fixed', | ||
| + | 'left': '50%', | ||
| + | 'margin-left': 0 - (this.width() / 2), | ||
| + | 'top': '50%', | ||
| + | 'margin-top': (0 - (this.height() / 2)) | ||
| + | }); | ||
| + | return this; | ||
| + | } | ||
| + | |||
| + | |||
| + | var openContactBox = function () { | ||
| + | $('#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; padding-top: 5px;"><label for="cntctfrm_contact_name">Name:<span class="required"> *</span></label></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;"><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;"><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;"><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 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><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() { | ||
| + | $(this).children('#box-content').html(input); | ||
| + | }); | ||
| + | |||
| + | |||
| + | |||
| + | return false; | ||
| + | } | ||
| + | |||
| + | var closeContactBox = function() { | ||
| + | $('#shadow').toggle('slow', function() { | ||
| + | $(this).children('#box-content').html(loading); | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | $(document).ready(function(event) { | ||
| + | var loading = $('#load').parent().html(); | ||
| + | |||
| + | $('body').off('click', '.nothing', openContactBox); | ||
| + | $('body').on('click', '.nothing', openContactBox); | ||
| + | |||
| + | $('body').off('click', '#close-box', closeContactBox); | ||
| + | $('body').on('click', '#close-box', closeContactBox); | ||
| + | |||
| + | }); | ||
| + | |||
Revision as of 23:53, 20 September 2012
