1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
/**
* Javascript object for hiding & showing DOM elements.
*
* $Horde: horde/js/hideable.js,v 1.2 2004/10/19 19:08:53 chuck Exp $
*
* See the enclosed file COPYING for license information (LGPL). If you did not
* receive this file, see http://www.fsf.org/copyleft/lgpl.html.
*/
/**
* Constructor for Horde Hideable DOM elements.
*
* @param id The DOM id of the element we want to work with.
* @param displayStyle What display style shows this element? Defaults
* to 'block'.
*/
function Horde_Hideable()
{
this.id = arguments[0];
this.element = document.getElementById(this.id);
if (arguments.length == 2) {
this.displayStyle = arguments[1];
}
};
Horde_Hideable.prototype = {
/**
* Id of the DOM element.
* @var id
*/
id: null,
/**
* DOM element reference.
* @var element
*/
element: null,
/**
* The display style to use. Default is 'block'.
* @var displayStyle
*/
displayStyle: 'block',
shown: function()
{
return this.element.style.display != 'none';
},
hide: function()
{
this.element.style.display = 'none';
return this;
},
show: function()
{
this.element.style.display = this.displayStyle;
return this;
},
toggle: function()
{
return this.shown() ? this.hide() : this.show();
}
}
|
