Difference between revisions of "AJAX Names"

From WolfTech
Jump to navigation Jump to search
m
m
Line 14: Line 14:
 
'''Unity ID Lookup'''
 
'''Unity ID Lookup'''
  
<nowiki><input type="text" name="UnityID" id="UnityID" onkeyup="searchBox(event, this, 0, 'searchResults', 'U','Employees');" value="" size="8" autocomplete="off" /><br />
+
<pre><nowiki><input type="text" name="UnityID" id="UnityID" onkeyup="searchBox(event, this, 0, 'searchResults', 'U','Employees');" value="" size="8" autocomplete="off" /><br />
<div id="searchResults" class="searchResults" style="position: absolute; display: none; width: 300px; border: 1px solid black; background-color: white;"></div></nowiki>
+
<div id="searchResults" class="searchResults" style="position: absolute; display: none; width: 300px; border: 1px solid black; background-color: white;"></div></nowiki></pre>
  
  

Revision as of 16:40, 8 December 2006

To use the AJAX Names lookup utility ( as seen on http://www.wolftech.ncsu.edu/lookup/ )

You need to add the following lines of code to your page:

<link rel="stylesheet" href="http://www.wolftech.ncsu.edu/includes/AJAXnames/AJAXnames.css" type="text/css"></link>

<script type="text/javascript" src="http://www.wolftech.ncsu.edu/includes/AJAXnames/name_search.js"></script>


Then for the two dropdown boxes, insert the following code:

Unity ID Lookup

<input type="text" name="UnityID" id="UnityID" onkeyup="searchBox(event, this, 0, 'searchResults', 'U','Employees');" value="" size="8" autocomplete="off" /><br />
			<div id="searchResults" class="searchResults" style="position: absolute; display: none; width: 300px; border: 1px solid black; background-color: white;"></div>


Last Name, First Name Lookup

<input type="text" name="userLookup" id="userLookup" onkeyup="searchBox(event, this, 0, 'lookupResults','N','UnityID','Employees');" value="" size="20" autocomplete="off" /><br /> <div id="lookupResults" class="searchResults" style="position: absolute; display: none; width: 300px; border: 1px solid black; background-color: white;"></div>