Using YUI plugin to do "Loading" mask on addbiblio.pl and authorities.pl. Previous version wasn't compatible with Internet Explorer.

Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
This commit is contained in:
Owen Leonard 2008-03-01 09:28:32 +13:00 committed by Joshua Ferraro
parent 39eba725d8
commit 6deddfb7bd
6 changed files with 45 additions and 60 deletions

View File

@ -1,52 +1,34 @@
#addbibliotabs { margin-top : 1em; }
a.buttonPlus {
font-weight : bold;
text-decoration : none;
}
a.expandfield {
color : #000;
text-decoration : none;
}
#loading {
height: 100%;
width: 100%;
background-color: #000;
position: fixed;
left: 0pt;
top: 0pt;
z-index: 2999;
opacity: 0.5;
#addbibliotabs {
margin-top : 1em;
}
*html #loading {
position : absolute;
top : 971px;
filter : alpha(opactity=50);
a.buttonPlus {
font-weight : bold;
text-decoration : none;
}
.loading {
background : #EEE url("../../img/loading.gif") no-repeat 17px center;
border : 2px outset #CCC;
color : #000;
font-size : 174%;
height : 70px;
line-height : 70px;
left:50%;
margin-left:-100px;
opacity : 1;
padding:12px;
padding-left : 20;
position:fixed;
text-align : center;
top:17%;
width:200px;
z-index: 3000;
}
* html .loading {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
a.expandfield {
color : #000;
text-decoration : none;
}
#yui-cms-loading {
background : #FFFFFF;
color : #333333;
display : none;
}
#yui-cms-loading #yui-cms-float {
text-align : center;
font-size : 175%;
background-image : url(../../img/loading.gif);
background-repeat : no-repeat;
background-position : top;
padding-top : 50px;
}
#authoritytabs {
margin-top : 1em;
margin-bottom : 1em;
}
#authoritytabs {
margin-top : 1em;
margin-bottom : 1em;
}

View File

@ -0,0 +1 @@
/*

View File

@ -0,0 +1 @@
/*

View File

@ -1,13 +1,13 @@
<!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
<title>Koha &rsaquo; Authorities &rsaquo; <!-- TMPL_IF name="authid" -->Modify authority #<!-- TMPL_VAR NAME="authid" --> (<!-- TMPL_VAR name="authtypetext" -->)<!-- TMPL_ELSE -->Adding authority (<!-- TMPL_VAR name="authtypetext" -->)<!-- /TMPL_IF --></title>
<!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/yui/plugins/bubbling-min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('#authoritytabs').tabs();
$("#loading,.loading").hide();
$("#f").submit(function(){
return $(this).Check();
});
@ -367,11 +367,12 @@ function searchauthority() {
<link rel="stylesheet" href="<!-- TMPL_VAR NAME="themelang" -->/css/addbiblio.css" />
</head>
<body>
<script type="text/javascript">
//<![CDATA[
document.write("<div id=\"loading\"></div><div class=\"loading\">Loading...</div>");
//]]>
</script>
<div id="yui-cms-loading">
<div id="yui-cms-float">
Loading, please wait...
</div>
</div>
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/yui/plugins/loading-min.js"></script>
<!-- TMPL_INCLUDE NAME="header.inc" -->
<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/authorities/authorities-home.pl">Authorities</a> &rsaquo; <!-- TMPL_IF name="authid" -->Modify authority #<!-- TMPL_VAR NAME="authid" --> (<!-- TMPL_VAR name="authtypetext" -->)<!-- TMPL_ELSE -->Adding authority <!-- TMPL_VAR name="authtypetext" --><!-- /TMPL_IF --> </div>

View File

@ -1,12 +1,12 @@
<!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
<title>Koha &rsaquo; Cataloging &rsaquo; <!-- TMPL_IF NAME="biblionumber" -->Edit MARC Record Number <!-- TMPL_VAR name="biblionumber" --><!-- TMPL_ELSE -->Add MARC Record<!-- /TMPL_IF --></title>
<!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/yui/plugins/bubbling-min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('#addbibliotabs').tabs();
$("#loading,.loading").hide();
});
function confirmnotdup(){
@ -420,12 +420,12 @@ function unHideSubfield(index,labelindex) { // FIXME :: is it used ?
<link rel="stylesheet" href="<!-- TMPL_VAR NAME="themelang" -->/css/addbiblio.css" />
</head>
<body>
<script type="text/javascript">
//<![CDATA[
document.write("<div id=\"loading\"></div><div class=\"loading\">Loading...</div>");
//]]>
</script>
<div id="yui-cms-loading">
<div id="yui-cms-float">
Loading, please wait...
</div>
</div>
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/yui/plugins/loading-min.js"></script>
<!-- TMPL_INCLUDE NAME="header.inc" -->
<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/cataloguing/addbooks.pl">Cataloguing</a> &rsaquo; <!-- TMPL_IF NAME="biblionumber" -->Edit MARC Record Number <!-- TMPL_VAR name="biblionumber" --><!-- TMPL_ELSE -->Add MARC Record<!-- /TMPL_IF --></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB