nettika/phpmyadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Build a js library for expandable/collapsible database lists and improve the related code

Browse Source
This commit is contained in:
Loïc Chapeaux
2001-05-04 08:45:48 +00:00
parent 1c691c357e
commit f24c80ba98
2 changed files with 269 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
left.js Normal file
View File

@@ -0,0 +1,253 @@
/* $Id$ */
// These scripts were originally found on cooltype.com.
// Modified 01/01/1999 by Tobias Ratschiller for linuxapps.com
// Modified 7th June 2000 by Brian Birtles for Mozilla 5.0
// compatibility for phpMyAdmin
// Rewritten and put in a libray 2nd May 2001 by Lo<4C>c Chapeaux
// Test passed with:
// - Mozilla 0.8.1 for Windows (js enabled & disabled)
// - IE5, 5.01, 5.5 for Windows
// - Netscape 4.75 for Windows
// - Opera 5.02 for windows (js disabled)
// Test failed with:
// - Opera 5.02 for windows with js enabled -> crappy DOM implementation
// ('getElementsByTagName' is unsupported), nothing to do :(
var isExpanded = false;
var imgOpened = new Image(9,9);
imgOpened.src = 'images/minus.gif';
var imgClosed = new Image(9,9);
imgClosed.src = 'images/plus.gif';
/**
* Do reloads the frame if the window has been resized under Netscape4+
*
* @access private
*/
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload(true);
} // end of the 'reDo()' function
/**
* Positioned element resize bug under NS4+
*/
if (isNS4) {
var origWidth = innerWidth;
var origHeight = innerHeight;
onresize = reDo;
}
/**
* Specific stuffs for IE4
*/
function doDocumentOnMouseOver() {
var eSrc = window.event.srcElement ;
if (eSrc.className == 'item') {
window.event.srcElement.className = 'highlight';
}
} // end of the 'doDocumentOnMouseOver()' function
function doDocumentOnMouseOut() {
var eSrc = window.event.srcElement ;
if (eSrc.className == 'highlight') {
window.event.srcElement.className = 'item';
}
} // end of the 'doDocumentOnMouseOut()' function
if (isIE4) {
document.onmouseover = doDocumentOnMouseOver ;
document.onmouseout = doDocumentOnMouseOut ;
}
/**
* Gets the id of the first collapsible room
*
* @param string the name of the first collapsible room
*
* @return integer the index number corresponding to this room
*
* @access public
*/
function nsGetIndex(el) {
var ind = null;
var layersCnt = document.layers.length;
for (var i = 0; i < layersCnt; i++) {
var whichEl = document.layers[i];
if (whichEl.id == el) {
ind = i;
break;
}
}
return ind;
} // end of the 'nsGetIndex()' function
/**
* Positions layers under NS4+
*
* @access public
*/
function nsArrangeList() {
if (firstInd != null) {
var nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
var layersCnt = document.layers.length;
for (var i = firstInd + 1; i < layersCnt; i++) {
var whichEl = document.layers[i];
if (whichEl.visibility != 'hide') {
whichEl.pageY = nextY;
nextY += whichEl.document.height;
}
}
}
} // end of the 'nsArrangeList()' function
/**
* Collapses databases at startup
*
* @access public
*/
function initIt()
{
if (!capable)
return;
if (isDOM) {
var tempColl = document.getElementsByTagName('DIV');
var tempCollCnt = tempColl.length;
for (var i = 0; i < tempCollCnt; i++) {
if (tempColl[i].className == 'child')
tempColl[i].style.display = 'none';
}
} // end of the DOM case
else if (isIE4) {
tempColl = document.all.tags('DIV');
var tempCollCnt = tempColl.length;
for (var i = 0; i < tempCollCnt; i++) {
if (tempColl(i).className == 'child')
tempColl(i).style.display = 'none';
}
} // end of the IE4 case
else if (isNS4) {
var layersCnt = document.layers.length;
for (var i=0; i<layersCnt; i++) {
var whichEl = document.layers[i];
if (whichEl.id.indexOf('Child') != -1)
whichEl.visibility = 'hide';
else
whichEl.visibility = 'show';
}
nsArrangeList();
} // end of the NS4 case
} // end of the 'initIt()' function
/**
* Collapses/expands a database when the user require this to be done
*
* @param string the name of the room to act on
* @param boolean whether to expand or to collapse the database content
*
* @access public
*/
function expandBase(el, unexpand)
{
if (!capable)
return;
if (isDOM) {
var whichEl = document.getElementById(el + 'Child');
var whichIm = document.getElementById(el + 'Img');
if (whichEl.style.display == 'none') {
whichEl.style.display = 'block';
whichIm.src = imgOpened.src;
}
else if (unexpand) {
whichEl.style.display = 'none';
whichIm.src = imgClosed.src;
}
} // end of the DOM case
else if (isIE4) {
var whichEl = document.all(el + 'Child');
var whichIm = document.images.item(el + 'Child');
if (whichEl.style.display == 'none') {
whichEl.style.display = 'block';
whichIm.src = imgOpened.src;
}
else if (unexpand) {
whichEl.style.display = 'none';
whichIm.src = imgClosed.src;
}
} // end of the IE4 case
else if (isNS4) {
var whichEl = document.layers[el + 'Child'];
var whichIm = document.layers[el + 'Parent'].document.images['imEx'];
if (whichEl.visibility == 'hide') {
whichEl.visibility = 'show';
whichIm.src = imgOpened.src;
}
else if (unexpand) {
whichEl.visibility = 'hide';
whichIm.src = imgClosed.src;
}
nsArrangeList();
} // end of the NS4 case
} // end of the 'expandBase()' function
/**
* Add styles for positioned layers
*/
if (capable) {
with (document) {
// Brian Birtles : This is not the ideal method of doing this
// but under the 7th June '00 Mozilla build (and many before
// it) Mozilla did not treat text between <style> tags as
// style information unless it was written with the one call
// to write().
if (isDOM) {
var lstyle = '<style type="text/css">'
+ '.parent {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; display:block}'
+ '.child {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; display:none}'
+ '.item { color: darkblue; text-decoration:none; font-size: 8pt;}'
+ '.highlight { color: red; font-size: 8pt;}'
+ '.heada { font: 12px\/13px; Times}'
+ 'DIV { color:black; }'
+ '<\/style>';
write(lstyle);
}
else {
write('<style type="text/css">');
if (isIE4) {
write('.parent {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}');
write('.child {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; display:none}');
write('.item { color: darkblue; text-decoration:none; font-size: 8pt;}');
write('.highlight { color: red; font-size: 8pt;}');
write('.heada { font: 12px\/13px; Times}');
write('DIV { color:black; }');
}
else {
write('.parent {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; position:absolute; visibility:hidden; color: black;}');
write('.child {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;color: #000000; position:absolute; visibility:hidden}');
write('.item { color: darkblue; text-decoration:none;}');
write('.regular {font-family: Arial,Helvetica,sans-serif; position:absolute; visibility:hidden}');
write('DIV { color:black; }');
}
write('<\/style>');
}
}
} // end of adding styles
onload = initIt;