Hosted Digital Library: Search Appliance

You can search for Engineering Pathway resources on your site! Below are examples of the use of inline frames (iframes) for hosting an Engineering Pathway Digital Library search appliance on your own site. This appliance is free to educational sites, and the code necessary to use an iframe is minimal.

To include the iframe in a web page, simple tags containing the source url and desired attributes of the iframe are placed in the site code where the hosted search is to be located. Height and width, and other optional attributes of the iframe, can be set to the values that best suit your site layout. Below you'll find three hosted searches that can be added to a site, and the line of code needed to do so. Below this set of iframes is a list of some of the optional attributes and acceptable values for customizing the iframe.

To see an example of the iframe below in place in an external site, please visit the The Synthesis Engineering Education Coalition.

Code: <iframe src="http://www.engineeringpathway.org/hosted_dl/template_1/search.jhtml" height="480px" width="575px" scrolling="auto"> </iframe>



Code: <iframe src="http://www.engineeringpathway.org/hosted_dl/template_3/search.jhtml" height="550px" width="510px" scrolling="auto"> </iframe>




To see an example of the iframe below in place in an external site, please visit the ASME Mechanical Engineering Body of Knowledge Blog.

Code: <iframe src="http://www.engineeringpathway.org/hosted_dl/template_2/search.jhtml" height="275px" width="460px" scrolling="auto"> </iframe>




To see an example of the iframe below in place in an external site, please visit the The Synthesis Engineering Education Coalition.

Code: <iframe src="http://www.engineeringpathway.org/hosted_dl/template_4/news.jhtml" height="200px" width="220px" scrolling="auto" > </iframe>



These are some of the optional attribute values for the iframe:

height: pixels, % - defines the height of the iframe

width: pixels, % - defines the width of the iframe

scrolling: yes, no, auto - defines scroll bars

align: left, right, top, middle, bottom - specifies how to align the iframe according to the surrounding text

frameborder: 1, 0 - specifies whether or not to display a frame border

marginheight: pixels - defines the top and bottom margins of the iframe

marginwidth: pixels - defines the left and right margins of the iframe

Please contact Andi Niess if you have questions about hosting the Engineering Pathway Digital Library search with an iframe on your site.