Sandbox:LabSignup
<html> <html> <script language="javascript"> <!-- var initial_count = new Array(); var rows_limit = 0; // Set to 0 to disable limitation
function addRow(table_id){
var tbl = document.getElementById(table_id); // counting rows in table var rows_count = tbl.rows.length; if (initial_count[table_id] == undefined){ // if it is first adding in this table setting initial rows count initial_count[table_id] = rows_count; }
// determining real count of added fields var tFieldsNum = rows_count - initial_count[table_id]; if (rows_limit!=0){ if (tFieldsNum >= rows_limit) return false; } var text = "Name:<br />Email:"; var input = "<input type=\"text\" name=\"member[]\" " + "style=\"width:100%;\"/><input type=\"text\" name=\"email[]\" " + "style=\"width:100%;\"/>"; var remove= "<input type=\"button\" value=\"X\" " + "onclick=\"removeRow('+table_id+',this.parentNode.parentNode)\" " + "style=\"width:100%;\"/>"; try { var newRow = tbl.insertRow(rows_count); var newCell = newRow.insertCell(0); newCell.innerHTML = text; var newCell = newRow.insertCell(1); newCell.innerHTML = input; var newCell = newRow.insertCell(2); newCell.innerHTML = remove; } catch (ex) { //if exception occurs alert(ex); }
}
function removeRow(tbl,row){
var table = document.getElementById(tbl); try { table.deleteRow(row.rowIndex); } catch (ex) { alert(ex); }
}
function EntryCheck(){ if (document.groupregister.university.value == '') { alert('Please specify a University/Institute name for your group.'); document.groupregister.university.focus(); return false; } if (document.groupregister.university.value.length > 100) { alert('University/Institute name must not exceed 100 characters.'); document.groupregister.university.focus(); return false; } if (document.groupregister.lab.value == '') { alert('Please specify a Lab/Course/Team name for your group.'); document.groupregister.lab.focus(); return false; } if (document.groupregister.lab.value.length > 100) { alert('Lab/Course/Team name must not exceed 100 characters.'); document.groupregister.lab.focus(); return false; } if (document.groupregister.reason.value.length > 255) { alert('Reason for creating group must not exceed 255 characters.'); document.groupregister.reason.focus(); return false; } if (document.groupregister.school.value.length > 100) { alert('Reason for creating group must not exceed 100 characters.'); document.groupregister.school.focus(); return false; } if (document.groupregister.note.value.length > 255) { alert('Note must not exceed 255 characters.'); document.groupregister.note.focus(); return false; } if (document.groupregister.comment.value.length > 255) { alert('Comment must not exceed 255 characters.'); document.groupregister.comment.focus(); return false; } if (document.getElementById('member') == undefined){ alert('You must specify at least 1 lab member.'); document.getElementById('mytable').focus(); return false; } return true; }
// --> </script> <div id="form_body" style="display:none" class="forms_body"> <form action="/um/um_process_group.php" name="groupregister"
id="OneClick" onsubmit="return EntryCheck();" method="POST">
<table class="forms_table" width="100%" border="0" cellpadding="5" cellspacing="0">
<tr id='TypeRow'> <td class="forms_style2"> <span class="forms_label"> Type of Group: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <select class="forms_format" name="type" id="type" /> <option value="Lab">Research Lab</option> <option value="Course">Academic Course</option> <option value="IGEM">IGEM Team</option> </select><br /> Please enter the group you would like to register.<br /> <b>Lab:</b> Register the members of your lab.<br /> <b>Course:</b> Register the students in your lab course.<br /> <b>IGEM:</b> Register the members of an IGEM team. </span> </td> </tr> <tr id='UniversityRow'> <td class="forms_style2"> <span class="forms_label"> University/Institution: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <input type="text" size="30" class="forms_format" name="university" id="university" /><br /> Please enter the name of your university, college or institutional affiliation.<br /> This does not have to be unique. Multiple labs can be affiliated with one institution.<br /> <b>Example</b>: MIT<br /> </span> </td> </tr> <tr id='SchoolRow'> <td class="forms_style2"> <span class="forms_label"> School or Division: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <input type="text" size="30" class="forms_format" name="school" id="school" /><br /> (Optional)<br /> Please enter the name of your school or division.<br /> This should be part of the University or Institution entered above.<br /> This name does not have to be unique. Multiple labs can be affiliated with one school within an institution.<br /> <b>Example</b>: Dept. of Biological Engineering<br /> </span> </td> </tr> <tr id='ReasonRow'> <td class="forms_style2"> <span class="forms_label"> Reason: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <input type="text" size="30" class="forms_format" name="reason" id="reason" /><br /> (Optional)<br /> Each group member will be processed as a standard OWW applicant.<br /> Please enter the text you would like to see entered for the "reason for joining" OWW.<br /> This text will appear on all applications in addition to the one specified when you applied to OWW.<br /> <b>Example</b>: BE 10.10 Lab Section<br /> </span> </td> </tr> <tr id='LabRow'> <td class="forms_style2"> <span class="forms_label"> Lab/Class/Team Name: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <input type="text" size="30" class="forms_format" name="lab" id="lab"/><br /> Please enter the name of your lab, course, or team.<br /> This name will be used as the 'root' of all pages and notebooks related to your lab or course.<br/> Lab names must be unique within OpenWetWare.<br /> <b>Example</b>: Brox Lab<br /> </span> </td> </tr> <tr id='LabMembersRow'> <td class="forms_style2"> <span class="forms_label"> Lab Members: </span> </td> <td valign="top" align="left"> <table cellspacing="0" cellpadding="4" id="mytable"> <tr><th colspan="3"><input type="button" name="Button" value="Add a lab member" onClick="addRow('mytable')"></th></tr> </table> <span class="forms_style1"><br /> Please enter the names and email addresses of the members of your Lab.<br /> Click on the "Add a lab member" button above to add the name/email fields items for each member of your group. Each of these members will be connected by OWW to your lab.<br /> Their names, email addresses as well as the affiliation and reasons for your joining OpenWetWare will be used to validate each of the lab members.<br /> <b>Example</b>: Name: James Smith<br /> <b>Example</b>: jmith@foo.bar<br /> </span> </td> </tr> <tr id='NoteRow'> <td class="forms_style2"> <span class="forms_label"> Message to New Lab/Course Members: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <textarea rows="5" cols="15" class="forms_format" id="note" name="note"></textarea><br /> (Optional)<br /> Enter a message you would like to have included in the Welcome messages sent out upon approval of each member's OWW account.<br /> <b>Example</b>: This is the OWW account you will use for BE 10.10. Please contact me with any questions or comments. Dr. Brox<br /> </span> </td> </tr> <tr id='NoteRow'> <td class="forms_style2"> <span class="forms_label"> Comment: </span> </td> <td valign="top" align="left"> <span class="forms_style1"> <textarea rows="5" cols="15" class="forms_format" id="comment" name="comment"></textarea><br /> (Optional)<br /> Please enter any addition comments you may have.<br /> This will not appear in your OWW information but will be displayed to OWW admins reviewing your account.<br /> <b>Example</b>: This application is for my first OWW course. Please contact me if this isn't complete!<br /> </span> </td> </tr> <tr> <td align="left"> </td> <td align="left"> <input type="submit" class="forms_button" name="submit" value="Submit!" /> </td> </tr>
</table> </form> </div>
<script language="JavaScript"> if (wgUserName.length == 0){
document.getElementById('form_body').style.display="none";
}else{
document.getElementById('form_body').style.display="inline";
} </script>
</html>