Common and shared LibGuides content: Films on Demand

Copy and paste this code in the body section of your html page:

<script type="text/javascript" language="javascript" src="https://fod.infobase.com/Common/Js/widgets.js" ></script> <div style=" width: 280px; height: 94px; background: url(https://fod.infobase.com/common/images/FOD_widget.png) no-repeat; background-size: 100%; position: relative;"> <input id="txtSearchTerm" type="text" placeholder="Search Films on Demand" style="border: 1px solid #ddd; width: 230px; height: 15px; padding: 2px 5px; display:block; margin: auto; position: absolute; left: 10px; bottom: 8px; font-family: source sans pro, san-serif; font-size: 11px; line-height:11px"/> <input id="btnSearchTermFilms" type="image" onclick='javascript:FilmsSearchWidget(102757, "https://login.uportland.idm.oclc.org/login?url=", true);' src="https://fod.infobase.com/common/images/searchButton.png" style="height:21.5px; position: absolute; bottom: 8px; right:10px "/> </div>

Copy and paste this code in the header section of your html page:

<script type="text/javascript" language="javascript" src="https://fod.infobase.com/Common/Js/widgets.js" ></script>

Copy and paste this code in the body section of your html page:

<div style=" width: 280px; height: 94px; background: url(https://fod.infobase.com/common/images/FOD_widget.png) no-repeat; background-size: 100%; position: relative;"> <input id="txtSearchTerm" type="text" placeholder="Search Films on Demand" style="border: 1px solid #ddd; width: 230px; height: 15px; padding: 2px 5px; display:block; margin: auto; position: absolute; left: 10px; bottom: 8px; font-family: source sans pro, san-serif; font-size: 11px; line-height:11px"/> <input id="btnSearchTermFilms" type="image" onclick='javascript:FilmsSearchWidget(102757, "https://login.uportland.idm.oclc.org/login?url=", true);' src="https://fod.infobase.com/common/images/searchButton.png" style="height:21.5px; position: absolute; bottom: 8px; right:10px "/> </div>