[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Koha-cvs] koha/koha-tmpl/opac-tmpl/npl/en includes/doc-he... [dev_week]
|
From: |
Owen Leonard |
|
Subject: |
[Koha-cvs] koha/koha-tmpl/opac-tmpl/npl/en includes/doc-he... [dev_week] |
|
Date: |
Thu, 21 Sep 2006 20:04:27 +0000 |
CVSROOT: /sources/koha
Module name: koha
Branch: dev_week
Changes by: Owen Leonard <oleonard> 06/09/21 20:04:27
Modified files:
koha-tmpl/opac-tmpl/npl/en/includes:
doc-head-close-basket-print.inc
doc-head-close-basket.inc
doc-head-close-results.inc
doc-head-close.inc main.js
opac-colors.css
opac-layout.css
koha-tmpl/opac-tmpl/npl/en: opac-detail.tmpl opac-main.tmpl
Log message:
- adding system preferences for opacuserjs and intranetuserjs. Allows
libraries to add custom javascript to be included in page headers
- consolidating OPAC javascript includes and enabling opacuserjs in
templates
- removing NPL-specific markup from opac-main.tmpl
- minor visual changes in stylesheets
CVSWeb URLs:
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close-basket-print.inc?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.3.2.1&r2=1.1.2.3.2.2
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close-basket.inc?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.5.2.1&r2=1.1.2.5.2.2
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close-results.inc?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.3&r2=1.1.2.4
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close.inc?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.11.2.8&r2=1.1.2.11.2.9
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/main.js?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.1.2.1&r2=1.1.2.1.2.2
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/opac-colors.css?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.3.2.5&r2=1.1.2.3.2.6
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/includes/opac-layout.css?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.4.2.9&r2=1.1.2.4.2.10
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/opac-detail.tmpl?cvsroot=koha&only_with_tag=dev_week&r1=1.1.2.19.2.10&r2=1.1.2.19.2.11
http://cvs.savannah.gnu.org/viewcvs/koha/koha-tmpl/opac-tmpl/npl/en/opac-main.tmpl?cvsroot=koha&only_with_tag=dev_week&r1=1.3.2.14.2.5&r2=1.3.2.14.2.6
Patches:
Index: includes/doc-head-close-basket-print.inc
===================================================================
RCS file:
/sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close-basket-print.inc,v
retrieving revision 1.1.2.3.2.1
retrieving revision 1.1.2.3.2.2
diff -u -b -r1.1.2.3.2.1 -r1.1.2.3.2.2
--- includes/doc-head-close-basket-print.inc 6 Sep 2006 14:22:52 -0000
1.1.2.3.2.1
+++ includes/doc-head-close-basket-print.inc 21 Sep 2006 20:04:27 -0000
1.1.2.3.2.2
@@ -10,7 +10,6 @@
<style type="text/css">
@import url(<!-- TMPL_VAR NAME="themelang" -->/includes/print.css);
</style>
-<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/script.js"></script>
<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/basket.js"></script>
<script type="text/javascript" language="javascript">
var MSG_NO_RECORD_SELECTED = "No biblio selected";
@@ -18,4 +17,10 @@
var MSG_CONFIRM_DEL_BASKET = "Are you sure you want to empty
your book bag?"
var MSG_CONFIRM_DEL_RECORDS = "Are you sure you want to remove
the selected items?";
</script>
+ <!-- TMPL_IF NAME="opacuserjs" -->
+<script language="JavaScript" type="text/javascript">
+ <!-- TMPL_VAR NAME="opacuserjs" -->
+</script>
+<!-- /TMPL_IF -->
+ <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/main.js"></script>
</head>
\ No newline at end of file
Index: includes/doc-head-close-basket.inc
===================================================================
RCS file:
/sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close-basket.inc,v
retrieving revision 1.1.2.5.2.1
retrieving revision 1.1.2.5.2.2
diff -u -b -r1.1.2.5.2.1 -r1.1.2.5.2.2
--- includes/doc-head-close-basket.inc 6 Sep 2006 14:22:52 -0000
1.1.2.5.2.1
+++ includes/doc-head-close-basket.inc 21 Sep 2006 20:04:27 -0000
1.1.2.5.2.2
@@ -16,7 +16,6 @@
@import url(<!-- TMPL_VAR NAME="themelang" -->/includes/<!-- TMPL_VAR
NAME="opaclayoutstylesheet" -->);
</style>
<!-- /TMPL_IF -->
-<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/script.js"></script>
<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/basket.js"></script>
<script type="text/javascript" language="javascript">
var MSG_NO_RECORD_SELECTED = "No biblio selected";
@@ -24,4 +23,10 @@
var MSG_CONFIRM_DEL_BASKET = "Are you sure you want to empty
your book bag?"
var MSG_CONFIRM_DEL_RECORDS = "Are you sure you want to remove
the selected items?";
</script>
+ <!-- TMPL_IF NAME="opacuserjs" -->
+<script language="JavaScript" type="text/javascript">
+ <!-- TMPL_VAR NAME="opacuserjs" -->
+</script>
+<!-- /TMPL_IF -->
+ <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/main.js"></script>
</head>
\ No newline at end of file
Index: includes/doc-head-close-results.inc
===================================================================
RCS file:
/sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/Attic/doc-head-close-results.inc,v
retrieving revision 1.1.2.3
retrieving revision 1.1.2.4
diff -u -b -r1.1.2.3 -r1.1.2.4
--- includes/doc-head-close-results.inc 19 Sep 2006 13:13:21 -0000 1.1.2.3
+++ includes/doc-head-close-results.inc 21 Sep 2006 20:04:27 -0000 1.1.2.4
@@ -12,52 +12,6 @@
<!-- TMPL_IF NAME="livesearch" --><style type="text/css">
@import url(<!-- TMPL_VAR NAME="themelang" -->/includes/livesearch.css);
</style><!-- /TMPL_IF -->
-<script language="javascript" type="text/javascript">
-function Help() {
- newin=window.open("/cgi-bin/koha/help.pl","Koha
Help",'width=600,height=600,toolbar=false,scrollbars=yes');
-}
-
-function openWindow(targeturl, windowname) {
- newwin =
-
window.open(targeturl,windowname,"height=480,width=640,scrollbars,resizable")
-}
-
- var newwin;
-
- // Open the popup window if it doesn't already exist and give it focus.
- function PopWin(targeturl, windowname) {
-
- if (!newwin || newwin.closed) newwin =
window.open(targeturl,windowname,
"height=300,width=400,scrollbars=yes,resizable=yes");
- newwin.focus();
- }
-
- // Set the value of the form field to the passed value and optionally shift
- // focus and close the popup.
- function FillForm(val,formname,formfield) {
-
- document.forms[formname].elements[formfield].value = val;
-
- // Uncomment below to shift focus after clicking link in popup.
- document.forms[formname].elements[formfield].focus();
-
- // Uncomment below to close popup after clicking link.
- newwin.close();
- }
-
- function openDictionary(dict, search, target) {
- if ((dict == 'all') || (dict == 'publicationyear')) {
- alert("The selected field is not correct to search on
dictionary.");
- } else {
- var dict_window =
window.open('/cgi-bin/koha/dictionary.pl?dictionary=' + dict + '&search=' +
search + '&target=' +
target,'_blanck','height=325,width=550,status=no,toolbar=no,menubar=no,location=no,resizable=no,top=100,left=100');
- dict_window.focus();
- }
- }
-
- </script>
-<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/catsearch.js"></script>
-<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/main.js"></script>
-<!-- TMPL_IF NAME="AmazonContent" --><script type="text/javascript"
language="javascript" src="<!-- TMPL_VAR NAME="themelang"
-->/includes/amazonimages.js"></script><!-- /TMPL_IF -->
-<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/script.js"></script>
<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/basket.js"></script>
<script type="text/javascript" language="javascript">
var MSG_BASKET_EMPTY = "You book bag is currently empty";
@@ -68,4 +22,10 @@
var MSG_NO_RECORD_SELECTED = "No item was selected";
var MSG_NO_RECORD_ADDED = "No item was added to your book bag";
</script>
+<!-- TMPL_IF NAME="opacuserjs" -->
+<script language="JavaScript" type="text/javascript">
+ <!-- TMPL_VAR NAME="opacuserjs" -->
+</script>
+<!-- /TMPL_IF -->
+<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/main.js"></script>
</head>
Index: includes/doc-head-close.inc
===================================================================
RCS file:
/sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/doc-head-close.inc,v
retrieving revision 1.1.2.11.2.8
retrieving revision 1.1.2.11.2.9
diff -u -b -r1.1.2.11.2.8 -r1.1.2.11.2.9
--- includes/doc-head-close.inc 6 Sep 2006 14:13:14 -0000 1.1.2.11.2.8
+++ includes/doc-head-close.inc 21 Sep 2006 20:04:27 -0000 1.1.2.11.2.9
@@ -22,55 +22,7 @@
@import url(<!-- TMPL_VAR NAME="themelang" -->/includes/livesearch.css);
</style>
<!-- /TMPL_IF -->
-<script language="javascript" type="text/javascript">
-function Help() {
- newin=window.open("/cgi-bin/koha/help.pl","Koha
Help",'width=600,height=600,toolbar=false,scrollbars=yes');
-}
-
-function openWindow(targeturl, windowname) {
- newwin =
-
window.open(targeturl,windowname,"height=480,width=640,scrollbars,resizable")
-}
-
- var newwin;
-
- // Open the popup window if it doesn't already exist and give it focus.
-function PopWin(targeturl, windowname) {
-
- if (!newwin || newwin.closed) newwin =
window.open(targeturl,windowname,
"height=300,width=400,scrollbars=yes,resizable=yes");
- newwin.focus();
- }
-
- // Set the value of the form field to the passed value and optionally shift
- // focus and close the popup.
-function FillForm(val,formname,formfield) {
-
- document.forms[formname].elements[formfield].value = val;
-
- // Uncomment below to shift focus after clicking link in popup.
- document.forms[formname].elements[formfield].focus();
-
- // Uncomment below to close popup after clicking link.
- newwin.close();
- }
-
-function openDictionary(dict, search, target) {
- if ((dict == 'all') || (dict == 'publicationyear')) {
- alert("The selected field is not correct to search on
dictionary.");
- } else {
- var dict_window =
window.open('/cgi-bin/koha/dictionary.pl?dictionary=' + dict + '&search=' +
search + '&target=' +
target,'_blanck','height=325,width=550,status=no,toolbar=no,menubar=no,location=no,resizable=no,top=100,left=100');
- dict_window.focus();
- }
- }
-
- </script>
- <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/catsearch.js"></script>
- <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/main.js"></script>
- <!-- TMPL_IF NAME="AmazonContent" -->
- <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/amazonimages.js"></script>
- <!-- /TMPL_IF -->
- <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/script.js"></script>
- <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/basket.js"></script>
+<script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/basket.js"></script>
<script type="text/javascript" language="javascript">
var MSG_BASKET_EMPTY = "You book bag is currently empty";
var MSG_RECORD_IN_BASKET = "This item is already in your book bag";
@@ -80,4 +32,10 @@
var MSG_NO_RECORD_SELECTED = "No item was selected";
var MSG_NO_RECORD_ADDED = "No item was added to your book bag";
</script>
+<!-- TMPL_IF NAME="opacuserjs" -->
+<script language="JavaScript" type="text/javascript">
+ <!-- TMPL_VAR NAME="opacuserjs" -->
+</script>
+<!-- /TMPL_IF -->
+ <script type="text/javascript" language="javascript" src="<!-- TMPL_VAR
NAME="themelang" -->/includes/main.js"></script>
</head>
Index: includes/main.js
===================================================================
RCS file: /sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/Attic/main.js,v
retrieving revision 1.1.2.1.2.1
retrieving revision 1.1.2.1.2.2
diff -u -b -r1.1.2.1.2.1 -r1.1.2.1.2.2
--- includes/main.js 11 Jul 2006 14:06:57 -0000 1.1.2.1.2.1
+++ includes/main.js 21 Sep 2006 20:04:27 -0000 1.1.2.1.2.2
@@ -1,10 +1,146 @@
-// one window.onload to rule them all
+function addLoadEvent(func) {
+ var oldonload = window.onload;
+ if (typeof window.onload != 'function') {
+ window.onload = func;
+ } else {
+ window.onload = function() {
+ oldonload();
+ func();
+ }
+ }
+}
+
+function insertAfter(newElement,targetElement) {
+ var parent = targetElement.parentNode;
+ if (parent.lastChild == targetElement) {
+ parent.appendChild(newElement);
+ } else {
+ parent.insertBefore(newElement,targetElement.nextSibling);
+ }
+}
+
+function hideSearchsTypes() {
+ if(document.getElementById('holdings')){
+ document.getElementById('holdings').style.display = 'none';
+ }
+ if(document.getElementById('descriptions')){
+ document.getElementById('descriptions').style.display = 'none';
+ }
+ if(document.getElementById('reviews')){
+ document.getElementById('reviews').style.display = 'none';
+ }
+ if(document.getElementById('serials')){
+ document.getElementById('serials').style.display = 'none';
+ }
+ if(document.getElementById('privateshelves')){
+ document.getElementById('privateshelves').style.display = 'none';
+ }
+ if(document.getElementById('publicshelves')){
+ document.getElementById('publicshelves').style.display = 'none';
+ }
+ if(document.getElementById('fines')){
+ document.getElementById('fines').style.display = 'none';
+ }
+ if(document.getElementById('waiting')){
+ document.getElementById('waiting').style.display = 'none';
+ }
+ if(document.getElementById('overdues')){
+ document.getElementById('overdues').style.display = 'none';
+ }
+ if(document.getElementById('issues')){
+ document.getElementById('issues').style.display = 'none';
+ }
+ if(document.getElementById('reserves')){
+ document.getElementById('reserves').style.display = 'none';
+ }
+}
+
+function resetButtonsColors() {
+ if(document.getElementById('holdings_tab')){
+ document.getElementById('holdings_tab').className = 'off';
+ }
+ if(document.getElementById('descriptions_tab')){
+ document.getElementById('descriptions_tab').className = 'off';
+ }
+ if(document.getElementById('reviews_tab')){
+ document.getElementById('reviews_tab').className = 'off';
+ }
+ if(document.getElementById('reviews_tab')){
+ document.getElementById('reviews_tab').className = 'off';
+ }
+ if(document.getElementById('privateshelves_tab')){
+ document.getElementById('privateshelves_tab').className = 'off';
+ }
+ if(document.getElementById('fines_tab')){
+ document.getElementById('fines_tab').className = 'off';
+ }
+ if(document.getElementById('publicshelves_tab')){
+ document.getElementById('publicshelves_tab').className = 'off';
+ }
+ if(document.getElementById('waiting_tab')){
+ document.getElementById('waiting_tab').className = 'off';
+ }
+ if(document.getElementById('overdues_tab')){
+ document.getElementById('overdues_tab').className = 'off';
+ }
+ if(document.getElementById('issues_tab')){
+ document.getElementById('issues_tab').className = 'off';
+ }
+ if(document.getElementById('reserves_tab')){
+ document.getElementById('reserves_tab').className = 'off';
+ }
+}
-window.onload=kohajs;
+function changeView(divid) {
+ resetButtonsColors();
+ var navlink = divid+"_tab";
+ document.getElementById(navlink).className = 'on';
+ hideSearchsTypes();
+ document.getElementById(divid).style.display = 'block';
+}
-// check to see if functions exist before loading them
-function kohajs() {
- if ( typeof window.verify_images == "function" ) verify_images();
-// if ( typeof window.liveSearchInit == "function" ) liveSearchInit();
- if ( typeof window.runLSPrep == "function" ) runLSPrep();
+// http://www.oreillynet.com/pub/a/javascript/2003/10/21/amazonhacks.html
+function verify_images() {
+ for (var i = 0; i < document.images.length; i++) {
+ img = document.images[i];
+ if ((img.src.indexOf('images.amazon.com') >= 0) ||
(img.src.indexOf('g-images.amazon.com') >=0)) {
+ w = img.width;
+ h = img.height;
+ if ((w == 1) || (h == 1)) {
+ img.src =
'http://g-images.amazon.com/images/G/01/x-site/icons/no-img-sm.gif';
+ } else if ((img.complete != null) && (!img.complete)) {
+ img.src =
'http://g-images.amazon.com/images/G/01/x-site/icons/no-img-sm.gif';
+ }
+ }
+ }
}
+
+function CheckAll()
+{
+count = document.myform.elements.length;
+ for (i=0; i < count; i++)
+ {
+ if(document.myform.elements[i].checked == 1){
+ document.myform.elements[i].checked = 0;
+ } else {
+ document.myform.elements[i].checked = 1;
+ }
+ }
+}
+
+function confirmDelete(message) {
+ var agree = confirm(message);
+ if(agree) {
+ return true;
+ } else {
+ return false;
+ }
+}
+
+function Dopop(link) {
+
newin=window.open(link,'popup','width=500,height=400,toolbar=false,scrollbars=yes');
+}
+
+addLoadEvent(prepareOpacLogin);
+addLoadEvent(verify_images);
+// addLoadEvent(runLSPrep);
Index: includes/opac-colors.css
===================================================================
RCS file:
/sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/Attic/opac-colors.css,v
retrieving revision 1.1.2.3.2.5
retrieving revision 1.1.2.3.2.6
diff -u -b -r1.1.2.3.2.5 -r1.1.2.3.2.6
--- includes/opac-colors.css 19 Sep 2006 20:40:45 -0000 1.1.2.3.2.5
+++ includes/opac-colors.css 21 Sep 2006 20:04:27 -0000 1.1.2.3.2.6
@@ -406,6 +406,10 @@
border-bottom : 1px solid #CCCCCC;
}
+.searchresults table {
+ border-top : 1px solid #CCCCCC;
+}
+
.searchresults p {
margin: 0;
padding: 0;
@@ -623,7 +627,12 @@
border-right : 2px solid #333333;
}
-div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves,
div#privateshelves {
+ul.link-tabs li a.debit {
+ background-color : #FFFF99;
+ color : #990033;
+}
+
+div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves,
div#privateshelves, div#fines, div#waiting, div#overdues, div#issues,
div#reserves {
border : 1px solid #DDDDDD;
}
Index: includes/opac-layout.css
===================================================================
RCS file:
/sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/Attic/opac-layout.css,v
retrieving revision 1.1.2.4.2.9
retrieving revision 1.1.2.4.2.10
diff -u -b -r1.1.2.4.2.9 -r1.1.2.4.2.10
--- includes/opac-layout.css 19 Sep 2006 20:40:45 -0000 1.1.2.4.2.9
+++ includes/opac-layout.css 21 Sep 2006 20:04:27 -0000 1.1.2.4.2.10
@@ -1162,7 +1162,7 @@
padding : 5px;
}
-div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves,
div#privateshelves {
+div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves,
div#privateshelves, div#fines, div#waiting, div#overdues, div#issues,
div#reserves {
margin-top : 4px;
margin-right : 55%;
padding : .7em;
Index: opac-detail.tmpl
===================================================================
RCS file: /sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/opac-detail.tmpl,v
retrieving revision 1.1.2.19.2.10
retrieving revision 1.1.2.19.2.11
diff -u -b -r1.1.2.19.2.10 -r1.1.2.19.2.11
--- opac-detail.tmpl 19 Sep 2006 20:35:46 -0000 1.1.2.19.2.10
+++ opac-detail.tmpl 21 Sep 2006 20:04:27 -0000 1.1.2.19.2.11
@@ -124,7 +124,7 @@
</tbody>
</table>
<!-- TMPL_ELSE -->
-<table><tr><td>No copies available.</td></tr></table>
+No copies available.
<!-- /TMPL_IF -->
</div>
Index: opac-main.tmpl
===================================================================
RCS file: /sources/koha/koha/koha-tmpl/opac-tmpl/npl/en/opac-main.tmpl,v
retrieving revision 1.3.2.14.2.5
retrieving revision 1.3.2.14.2.6
diff -u -b -r1.3.2.14.2.5 -r1.3.2.14.2.6
--- opac-main.tmpl 19 Sep 2006 13:13:21 -0000 1.3.2.14.2.5
+++ opac-main.tmpl 21 Sep 2006 20:04:27 -0000 1.3.2.14.2.6
@@ -15,7 +15,7 @@
<!-- TMPL_IF NAME="opacuserlogin" --><!-- TMPL_IF NAME="loggedinusername" -->
<!-- TMPL_ELSE --><div class="content-block"><form
action="/cgi-bin/koha/opac-user.pl" method="post" name="auth" id="auth">
<h3>Log in to Check Your Account</h3>
-<p><label for="userid">Card Number:</label><!-- Hide from NPL --><input
type="text" id="userid" size="10" name="userid" /><!-- /Hide from NPL --> <!--
Display for NPL // <input type="text" id="userid" size="10" name="userid"
onblur="ValidateCode();" /> //Display for NPL --></p>
+<p><label for="opaclogin">Card Number:</label><input type="text"
id="opaclogin" size="10" name="userid" /></p>
<p><label for="password">Password:</label> <input type="password"
id="password" size="10" name="password" /></p>
<p><input type="submit" value="Log In" class="submit" /></p>
</form></div>