Widget Scripts for Angel

Give your students access to the library catalog, the ProQuest database or even a librarian within your assignment! No html experience needed, simply cut and paste.

STEP 1: Create an Assignment Page in ANGEL
STEP 2: Come back to this page and click once in the script box below (all text will be highlighted)
STEP 3: Press Ctrl + C (to copy the code)
STEP 4: Return to your ANGEL Assignment Page
STEP 5: Click on the Source icon

STEP 6: Click in the area where you want the widget to appear
STEP 7: Press Ctrl + V

Watch the How-to video (2 minutes) for more assistance.

Examples

Example 1: Book Search (The CAT)

<title>PSU Libraries CAT Search</title> <script type="text/javascript"><br>//<![CDATA[<br> var WIDGETSERVER = { configParams : { } };<br> WIDGETSERVER.configParams["wbx.buttonMode"] = { name : "wbx.buttonMode", value : "0"};<br>//]]><br></script> <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/publisher/Main.js?23270"></script> </head> <body> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0066FF; background-color: ; } #widget { width: 250px; height: 250px; text-align: left; background-color:#eeeeee; padding:0; } #widgetouter { background-color: #000099; width: 100%; } a { text-decoration: none; padding: 0 0 0 5px; color: #0066FF; } form { padding: 5px; } p { padding: 0 5px 0 5px; } h3 { padding: 0 0 0 5px; } </style> <div id="widget"> <div id="widgetouter"> <img src="http://www.libraries.psu.edu/templates/images/wordmarkshield.gif" _fcksavedurl=""http://www.libraries.psu.edu/templates/images/wordmarkshield.gif"" _fcksavedurl=""http://www.libraries.psu.edu/templates/images/wordmarkshield.gif"" _fcksavedurl="http://www.libraries.psu.edu/templates/images/wordmarkshield.gif"width="250" height="55" alt="penn state university libraries" /> </div> <p> <b>Search the CAT</b><br /></p> <form id="catSearchForm" name="catSearchForm" action="http://cat.libraries.psu.edu/uhtbin/quick_keyword" method="post" target="_blank"> <input type="text" name="search_terms" value="" id="catSearchQuery" /> <input type="submit" name="btnG" value="Search"/> </form>

Here's what you get--try it, it really works:

Example 2: ProQuest Article Search

<title>Proquest</title> <script type="text/javascript"><br>//<![CDATA[<br> var WIDGETSERVER = { configParams : { } };<br> WIDGETSERVER.configParams["wbx.buttonMode"] = { name : "wbx.buttonMode", value : "0"};<br>//]]><br></script> <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/publisher/Main.js?23270"></script> </head> <body> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0066FF; background-color: ; } #widget { width: 250px; height: 250px; text-align: left; background-color: #eeeeee; padding:0; } #widgetouter { background-color: #000099; width: 100%; } a { text-decoration: none; padding: 0 0 0 5px; color: #0066FF; } form { padding: 5px; } p { padding: 0 5px 0 5px; } h3 { padding: 0 0 0 5px; } .note { font-size: 75%; } </style> <div id="widget"> <div id="widgetouter"> <img src="http://www.libraries.psu.edu/templates/images/wordmarkshield.gif" _fcksavedurl="http://www.libraries.psu.edu/templates/images/wordmarkshield.gif"width="250" height="55" alt="penn state university libraries" /> </div> <br /> <b>Search Proquest</b><br /> <form id="proquestSearchForm" action="http://ezaccess.libraries.psu.edu/login/proface" method="get" name="proquestSearchForm" target="_blank"> <input type="text" name="sq" size="60" value="" onfocus="value=''"/> <input type="submit" value='Search'> </form>

Here's what you get:

Search

Contact

Amy Deuink or Jeff Knapp
Robert E. Eiche Library
Penn State Altoona
3000 Ivyside Park
Altoona, PA 16601

(814)949-5252
(814)949-5493

Staff Directory

Robert E. Eiche Library Penn State Altoona