< Back

E-Journal Locator Widget

Install a widget that searches for electronic journals by title in the UMD Library collection. This includes the majority of UMD's journal subscriptions. The widget is sized to fit in the Moodle sidebar.

Just click the "Get Code" button to put this widget into your clipboard for easy pasting into your application.

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
//<![CDATA[
        google.load("jquery", "1.3.2");
    //]]>
    </script>
<script type="text/javascript">
//<![CDATA[
	function updateResults() {
		var returnedquery = '';
		var rand = Math.random();
		var args1val = escape($("input[name='ejsearch']").val());
		var searchval = $("input[name='searchType']:checked").val();
		var JSONurl = 'http://www.d.umn.edu/lib/widgets/ejournal/api/ejournalajax.php?' +
			'list_size=10' + '&' +
			'id=param_pattern_value' + '&' +
			'class1=AZLIST_VER3::Autocomplete' + '&' +
			'param_name_1=profile' + '&' +
			'param_value_1=default' + '&' +
			'fname=find_param_pattern_value' + '&' +
			'args1=' + args1val + '&' +
			'param_pattern_value=' + args1val + '&' +
			'args2=0' + '&' +
			'param_chinese_checkbox_value=0&args3=' + searchval + '&' +
			'param_textSearchType_value=' + searchval + '&' +
			'pjxrand=' + rand + '&' +
			'jsoncallback=?';
		$.getJSON(JSONurl, 
			function(json){
				out = '';
				if (json.items.length > 1) {
					returnedquery = json.items[0].journal;
					json.items.shift();
					var out = '<table style="position:absolute; z-index:100; width:100%;" cellspacing="0" cellpadding="0" id="tat_table"><tbody><tr><td><table cellspacing="1" cellpadding="2" style="border: 1px solid rgb(221, 221, 221); background-color: rgb(250, 251, 252); width:180px; margin-top:25px" id="tat_table_child"><tbody>';
					$.each(json.items, function(i,item){
						out += '<tr style="background-color: rgb(250, 251, 252);" id="tat_tr' + i + '"><td onmouseover="this.style.backgroundColor=\'#cdedfc\'" onmouseout="this.style.backgroundColor=\'#FAFBFC\'" onmousedown="updateForm(\'' + item.journal.replace(/<\S[^><]*>/g, "") + '\')"; style="color: rgb(0, 0, 0); font-family: Verdana, sans-serif; font-size: 11px; padding:0px; cursor: pointer;" id="tat_td1" pos="1">';
						out += item.journal + "<br\>";
						out += '<\/td><\/tr>';
					});
					out += '<\/tbody><\/table><\/td><\/tr><tr><td><table cellspacing="0" cellpadding="0" border="0" style="width: 180px; height: 8px;"><tbody><tr><td><img src="http://duluth.liblink.umn.edu/duluth/img/azlist_ver3/ajax_box_bar_left.jpg" style="width: 4px; height: 8px;"><\/td><td><img src="http://duluth.liblink.umn.edu/duluth/img/azlist_ver3/ajax_box_bar_middle.jpg" style="width:172px; height:8px"><\/td><td><img src="http://duluth.liblink.umn.edu/duluth/img/azlist_ver3/ajax_box_bar_right.jpg" style="width: 4px; height: 8px;"><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table>';        
				}
				if (returnedquery == $("input[name='ejsearch']").val() || json.items.length == 1)
					$("div#results").html(out);
		});
		$("div#results").show();
	}

function openResults(){
		window.open('http://duluth.liblink.umn.edu/duluth/az?param_pattern_value=' + $("input[name='ejsearch']").val().replace(/ /g, "+") + '¶m_textSearchType_value=' + $("input[name='searchType']:checked").val());
	}

function updateForm(selection) {
		$("input[name='ejsearch']").val(selection);     
		$("div#results").html('');
	}

$(function () {
		var inputoffset = $("input[name='ejsearch']").offset();
		$("div#results").css("position", "absolute");
		$("div#results").css("top", inputoffset.top + 4); // + $("input[name='ejsearch']").height() + 5);
		$("div#results").css("left", inputoffset.left);
		
		$("input[name='ejsearch']").keyup(function () {
			if ($(this).val().length==0)
				$("div#results").html('');
			else 
				updateResults();
		});

$("input[name='go']").click(function () {
			openResults();
		});
		$("input[name='ejsearch']").submit(function () {
			openResults();
		});
		$("input[name='ejsearch']").blur(function () {
			$("div#results").hide();
		});
		$("input[name='ejsearch']").focus(function () {
			updateResults();
		});
	});
//]]>
</script>
<form onsubmit="openResults(); return false;" action="" name="libForm" id="libForm" style="border: 1px solid #666; background:red url(http://www.d.umn.edu/lib/widgets/images/gradientmedium7.gif) repeat-x scroll left bottom; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width:200px; font-size:0.9em!important">
<p style="border-bottom: 1px solid rgb(153, 153, 153); margin-top: 5px; margin-bottom: 3px; font-weight: bold; font-size: 14px; text-align: center; font-family: arial,helvetica; color:#333; padding-bottom: 8px;"> E-Journal Locator </p>
<div style="margin-left: 9px; margin-top: 11px;"><input type="text" name="ejsearch" /><input style="width: 30px;" name="go" value="GO" type="button" />
<input type="radio" name="searchType" value="startsWith" checked="checked" />Starts With<input type="radio" name="searchType" value="contains" />Contains </div>
<img style="margin-top: 8px;" src="http://www.d.umn.edu/lib/widgets/images/brand.gif" alt="University of Minnesota Duluth Library" />
</form><div id="results" style="margin:0; width:232px; z-index:1"></div>

widget code last updated 10-29-08

< Back

If you have questions or problems using these widgets please email the library for help.