Disclosure Testing
by markallgood
HTML
<div id="disclosure" class="disclosure">
<div style="text-align:center">
ENT FEDERAL CREDIT UNION<br/>
ELECTRONIC DEPOSIT AGREEMENT<br/>
</div>
<br/>
This Electronic Deposit Agreement (as amended and/or supplemented, this "Agreement") governs Member's use of Ent Federal Credit Union's ("Ent") Remote Deposit Services ("Services"). Ent offers the Services under this Agreement only in association with one or more Member deposit (share) accounts maintained at Ent. The terms, provisions and conditions of this Agreement do not replace, but supplement, any and all other agreements that govern any account maintained by Member at Ent or any other Ent Services utilized by Member; whether now or in the future. Member's use of the Services is Member's acknowledgement of and acceptance of the following terms and conditions.<br/>
<br/>
In this Agreement, the words "I," "me," "my," "us", "our" and "Member" mean the Member(s) that applied for and/or uses any of the Remote Deposit Capture Services (the "Services") described in this Agreement. The words "you," "your," and "yours" mean ("Ent"). My Application for use of the Remote Deposit Capture Services, your notification of approval of my application, and Ent's Membership and Account Agreement and Disclosures are hereby incorporated into and made a part of this Agreement.<br/>
<br/>
Terms and Conditions<br/>
<br/>
1. Use of the Services. Following receipt of your notification approving my use of the Services, I am authorized by you to remotely deposit paper checks I receive to my account with you (the "Account") by electronically transmitting a digital image of the paper checks to you for deposit. My use of the Services constitutes my acceptance of the terms and conditions of this Agreement. I agree to comply with the hardware and software requirements set forth at (Exhibit "B") which is attached hereto and incorporated by this reference. Upon receipt of the digital image, you will review the image for acceptability. I...
CSS
.disclosure
{
width:98%;
height:200px;
border:1px solid black;
background-color:white;
overflow:hidden;
font-family:monospace;
padding:2px;
}
.disclosureNavigation
{
margin-top:5px;
margin-bottom:5px;
}
.disclosureNavigation a
{
width:40px;
height:40px;
margin-top:10px;
margin-right:5px;
padding-top:5px;
padding-left:5px;
text-align:center;
font-size:18pt;
background-color:#fff;
border:1px solid #a3bed1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
img.sprite, div.sprite
{
border:0px;
margin-right:5px;
background-image: url(https://online.ent.com/mb/App_Themes/EntMobile/images/icons_24.png);
background-repeat:no-repeat;
width:24px;
height:24px;
}
img.prev { background-position:0px -72px; }
img.next { background-position:-24px -72px; }
img.sprite.prev.disabled, img.sprite.next.disabled { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ }
JavaScript
var disclosure_height = 200;
var disclosure_scroll_amount = disclosure_height - 20;
function getDisclosure() { { return document.getElementById('disclosure'); } }
getDisclosure().style.height = disclosure_height;
function disclosure_scrollTo(begin) {
{
var o = getDisclosure();
o.scrollTop = (begin ? 0 : o.scrollHeight - disclosure_height);
}
}
function disclosure_scrollBy(up) {
{
var amt = disclosure_scroll_amount;
if (up) amt *= -1;
var o = getDisclosure();
o.scrollTop += amt;
var min = 0; var max = o.scrollHeight - disclosure_height;
if (o.scrollTop <= min) {
o.scrollTop = min;
$("img.sprite.prev").addClass("disabled");
} else {
$("img.sprite.prev").removeClass("disabled");
}
if ((o.scrollTop + 20) >= max) {
o.scrollTop = max;
$("img.sprite.next").addClass("disabled");
} else {
$("img.sprite.next").removeClass("disabled");
}
}
}
$("div.disclosureNavigation a.prevLink").on("click", function() { disclosure_scrollBy(true); });
$("div.disclosureNavigation a.nextLink").on("click", function() { disclosure_scrollBy(false); });