function TextBox() 
{
    /**
     * get the DOM element for the edit box
     * @return the DOM content of the edit box
     * @type DOMElement_Input
     */
    this.getTextBox = function() { return this.fTextBox; }

    /**
     * set button state to enabled/disabled
     * @param {boolean} val	indicates whether to enable/disable button
     */
    this.setEnabled = function(val) {
	this.fEnabled = val;
	if(val ) {
	    if( this.fLabelNode )
		this.fLabelNode.style.color = "black"
	}
	else {
	    if( this.fLabelNode )
		this.fLabelNode.style.color = "rgb(136,136,136)";
	}
	this.fTextBox.disabled = !val;
    }

    /**
     * is the text-box enabled/disabled?
     * @type boolean
     */
    this.isEnabled = function() { return this.fEnabled; }

    /**
     * initialize the text box
     * @param {String} width	the width of the entire text box as specifiable
     *				in a css style
     * @param {label}  label	the label text
     * @param {String}  labelw	(optional) the width of the label as specifiable
     *				in a css style
     */
    function init(width, label, labelw) {
	var div = document.createElement("div");
	this.fLabelElem = null;
	this.fLabelNode = null;
	if( label ) {
	    var ldiv = div;
	    ldiv = document.createElement("div")
	    if( labelw )
		ldiv.style.width = width;
	    ldiv.style.textAlign = "right";
	    ldiv.style.cssFloat = "left";
	    ldiv.style.paddingRight = "0.5em";
	    ldiv.style.fontWeight = "bold";
	    ldiv.style.display  = "inline";

	    this.fLabelElem = document.createTextNode(label);

	    ldiv.appendChild(this.fLabelElem);
	    this.fLabelNode = ldiv;

	    div.appendChild(ldiv);
	}
	var i = document.createElement("input");
	i.type = "text";
	i.style.fontSize = "100%";// so it scales with the browse text size (liquid design)
	if( width ) {
	    i.style.width = width;
	    if( label )
		i.style.textAlign = "left";
	}
	i.style.display  = "inline";
	i.style.cssFloat = "right";
	i.setAttribute("autocomplete","off");	// supposedly gets around mozilla bug about permission denied
						// when we set focus - found by browsing web
	div.appendChild(i);
	this.fOuter = div;
	this.fTextBox = i;
    }
    this.init = init;

    /**
     * the DOM element of the edit box
     * @type DOMElement_Input
     * @private
     */
    this.fTextBox = null;

    /**
     * the DOM element of the label (if any) associated with the edit box
     * @type DOMElement_Text
     * @private
     */
    this.fLabelElem = null;

    /**
     * the DOM element of div that encompasses the label (if any) associated with the edit box
     * @type DOMElement_DIV
     * @private
     */
    this.fLabelNode = null;

    /**
     * this the button enabled?
     * @type boolean
     */
    this.fEnabled  = true;
}
/**
 * @class
 * represents a text box (with a label), which can then be
 * placed in toolbar or a form
 */
@class
represents a text box (with a label), which can then be
placed in toolbar or a form
@class represents a text box ( with a label ) which can then be placed in toolbar or a form
function TextBox() 
{
    this.getTextBox = function() { return this.fTextBox; }
    this.setEnabled = function(val) {
	this.fEnabled = val;
	if(val ) {
	    if( this.fLabelNode )
		this.fLabelNode.style.color = "black"
	}
	else {
	    if( this.fLabelNode )
		this.fLabelNode.style.color = "rgb(136,136,136)";
	}
	this.fTextBox.disabled = !val;
    }
    this.isEnabled = function() { return this.fEnabled; }
    function init(width, label, labelw) {
	var div = document.createElement("div");
	this.fLabelElem = null;
	this.fLabelNode = null;
	if( label ) {
	    var ldiv = div;
	    ldiv = document.createElement("div")
	    if( labelw )
		ldiv.style.width = width;
	    ldiv.style.textAlign = "right";
	    ldiv.style.cssFloat = "left";
	    ldiv.style.paddingRight = "0.5em";
	    ldiv.style.fontWeight = "bold";
	    ldiv.style.display  = "inline";
	    this.fLabelElem = document.createTextNode(label);
	    ldiv.appendChild(this.fLabelElem);
	    this.fLabelNode = ldiv;
	    div.appendChild(ldiv);
	}
	var i = document.createElement("input");
	i.type = "text";
	i.style.fontSize = "100%";
	if( width ) {
	    i.style.width = width;
	    if( label )
		i.style.textAlign = "left";
	}
	i.style.display  = "inline";
	i.style.cssFloat = "right";
	i.setAttribute("autocomplete","off");	
	div.appendChild(i);
	this.fOuter = div;
	this.fTextBox = i;
    }
    this.init = init;
    this.fTextBox = null;
    this.fLabelElem = null;
    this.fLabelNode = null;
    this.fEnabled  = true;
}
function TextBox ( ) { this . getTextBox = function ( ) { return this . fTextBox ; } this . setEnabled = function ( val ) { this . fEnabled = val ; if ( val ) { if ( this . fLabelNode ) this . fLabelNode . style . color = "black" } else { if ( this . fLabelNode ) this . fLabelNode . style . color = "rgb(136,136,136)" ; } this . fTextBox . disabled = ! val ; } this . isEnabled = function ( ) { return this . fEnabled ; } function init ( width , label , labelw ) { var div = document . createElement ( "div" ) ; this . fLabelElem = null ; this . fLabelNode = null ; if ( label ) { var ldiv = div ; ldiv = document . createElement ( "div" ) if ( labelw ) ldiv . style . width = width ; ldiv . style . textAlign = "right" ; ldiv . style . cssFloat = "left" ; ldiv . style . paddingRight = "0.5em" ; ldiv . style . fontWeight = "bold" ; ldiv . style . display = "inline" ; this . fLabelElem = document . createTextNode ( label ) ; ldiv . appendChild ( this . fLabelElem ) ; this . fLabelNode = ldiv ; div . appendChild ( ldiv ) ; } var i = document . createElement ( "input" ) ; i . type = "text" ; i . style . fontSize = "100%" ; if ( width ) { i . style . width = width ; if ( label ) i . style . textAlign = "left" ; } i . style . display = "inline" ; i . style . cssFloat = "right" ; i . setAttribute ( "autocomplete" , "off" ) ; div . appendChild ( i ) ; this . fOuter = div ; this . fTextBox = i ; } this . init = init ; this . fTextBox = null ; this . fLabelElem = null ; this . fLabelNode = null ; this . fEnabled = true ; }
@class
 represents a text box (with a label), which can then be
 placed in toolbar or a form
@class represents a text box ( with a label ) which can then be placed in toolbar or a form
/**
     * get the DOM element for the edit box
     * @return the DOM content of the edit box
     * @type DOMElement_Input
     */ /**
     * set button state to enabled/disabled
     * @param {boolean} val	indicates whether to enable/disable button
     */ /**
     * is the text-box enabled/disabled?
     * @type boolean
     */ /**
     * initialize the text box
     * @param {String} width	the width of the entire text box as specifiable
     *				in a css style
     * @param {label}  label	the label text
     * @param {String}  labelw	(optional) the width of the label as specifiable
     *				in a css style
     */ // so it scales with the browse text size (liquid design)
 // supposedly gets around mozilla bug about permission denied
 // when we set focus - found by browsing web
 /**
     * the DOM element of the edit box
     * @type DOMElement_Input
     * @private
     */ /**
     * the DOM element of the label (if any) associated with the edit box
     * @type DOMElement_Text
     * @private
     */ /**
     * the DOM element of div that encompasses the label (if any) associated with the edit box
     * @type DOMElement_DIV
     * @private
     */ /**
     * this the button enabled?
     * @type boolean
     */