4f68a0933c
fixed the resizable text area with IE problem fixed the ad space with IE problem merged the 7.2.0 and 7.1.4 change logs
432 lines
14 KiB
HTML
432 lines
14 KiB
HTML
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<!--<title>YUI API - TextNode.js</title>-->
|
|
|
|
<!--<title>YUI API - TextNode.js </title>-->
|
|
|
|
<title>API: TreeView overview-summary-TextNode.js.html (YUI Library)</title>
|
|
|
|
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<div id="header">
|
|
|
|
<h1>Yahoo! UI Library</h1>
|
|
|
|
<h3><a href="./index.html">TreeView</a></h3>
|
|
|
|
|
|
|
|
<div class="breadcrumbs">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="./index.html">TreeView</a>
|
|
|
|
>
|
|
|
|
<strong>TextNode.js</strong>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="body">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nav">
|
|
|
|
<div class="module resources">
|
|
|
|
<ul class="content">
|
|
|
|
<li><a href="overview-tree.html">Tree View</a></li>
|
|
|
|
<li><a href="index-all.html">Element Index</a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="module">
|
|
|
|
<h4><a href="./allclasses-noframe.html">Classes</a></h4>
|
|
|
|
<ul class="content">
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.html">
|
|
|
|
YAHOO.widget</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.HTMLNode.html">
|
|
|
|
YAHOO.widget.HTMLNode</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.MenuNode.html">
|
|
|
|
YAHOO.widget.MenuNode</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.Node.html">
|
|
|
|
YAHOO.widget.Node</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.RootNode.html">
|
|
|
|
YAHOO.widget.RootNode</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.TextNode.html">
|
|
|
|
YAHOO.widget.TextNode</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.TreeView.html">
|
|
|
|
YAHOO.widget.TreeView</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.TVAnim.html">
|
|
|
|
YAHOO.widget.TVAnim</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.TVFadeIn.html">
|
|
|
|
YAHOO.widget.TVFadeIn</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="YAHOO.widget.TVFadeOut.html">
|
|
|
|
YAHOO.widget.TVFadeOut</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="module">
|
|
|
|
<h4><a href="./overview-summary.html">Files</a></h4>
|
|
|
|
<ul class="content">
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-HTMLNode.js.html">
|
|
|
|
HTMLNode.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-MenuNode.js.html">
|
|
|
|
MenuNode.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-Node.js.html">
|
|
|
|
Node.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-RootNode.js.html">
|
|
|
|
RootNode.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-TextNode.js.html">
|
|
|
|
TextNode.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-TreeView.js.html">
|
|
|
|
TreeView.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-TVAnim.js.html">
|
|
|
|
TVAnim.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-TVFadeIn.js.html">
|
|
|
|
TVFadeIn.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="overview-summary-TVFadeOut.js.html">
|
|
|
|
TVFadeOut.js</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="main">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h2>TextNode.js</h2>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="meta">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="quick-links">
|
|
|
|
<strong>Quick Links:</strong>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="#classSummary">Class Summary</a> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="#source">Source Code</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section class summaries">
|
|
|
|
<h3><a name="classSummary">Class Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
|
<table border="1" cellpadding="3" cellspacing="0">
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
<td class="name">
|
|
|
|
<a href="YAHOO.widget.TextNode.html">YAHOO.widget.TextNode</a>
|
|
|
|
</td>
|
|
|
|
<td class="overview"> </td>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section source">
|
|
|
|
<h3><a name="source">Souce Code</a> <span class="top">[<a href="#top">top</a>]</span></h3>
|
|
|
|
<pre class="sourceview"><span class="comment">/**
|
|
* The default node presentation. The first parameter should be
|
|
* either a string that will be used as the node's label, or an object
|
|
* that has a string propery called label. By default, the clicking the
|
|
* label will toggle the expanded/collapsed state of the node. By
|
|
* changing the href property of the instance, this behavior can be
|
|
* changed so that the label will go to the specified href.
|
|
*
|
|
* <span class="attrib">@extends</span> YAHOO.widget.Node
|
|
* <span class="attrib">@constructor</span>
|
|
* <span class="attrib">@param</span> oData {object} a string or object containing the data that will
|
|
* be used to render this node
|
|
* <span class="attrib">@param</span> oParent {YAHOO.widget.Node} this node's parent node
|
|
* <span class="attrib">@param</span> expanded {boolean} the initial expanded/collapsed state
|
|
*/</span>
|
|
YAHOO.widget.TextNode = <span class="reserved">function</span>(oData, oParent, expanded) {
|
|
<span class="comment"> // this.type = "TextNode";</span>
|
|
|
|
<span class="reserved">if</span> (oData) {
|
|
<span class="reserved">this</span>.init(oData, oParent, expanded);
|
|
<span class="reserved">this</span>.setUpLabel(oData);
|
|
}
|
|
|
|
<span class="comment">/**
|
|
* <span class="attrib">@private</span>
|
|
*/</span>
|
|
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
|
|
};
|
|
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span> = new YAHOO.widget.Node();
|
|
|
|
<span class="comment">/**
|
|
* The CSS class for the label href. Defaults to ygtvlabel, but can be
|
|
* overridden to provide a custom presentation for a specific node.
|
|
*
|
|
* <span class="attrib">@type</span> string
|
|
*/</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.labelStyle = <span class="literal">"ygtvlabel"</span>;
|
|
|
|
<span class="comment">/**
|
|
* The derived element id of the label for this node
|
|
*
|
|
* <span class="attrib">@type</span> string
|
|
*/</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.labelElId = null;
|
|
|
|
<span class="comment">/**
|
|
* The text for the label. It is assumed that the oData parameter will
|
|
* either be a string that will be used as the label, or an object that
|
|
* has a property called "label" that we will use.
|
|
*
|
|
* <span class="attrib">@type</span> string
|
|
*/</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.label = null;
|
|
|
|
<span class="comment">/**
|
|
* Sets up the node label
|
|
*
|
|
* <span class="attrib">@param</span> oData string containing the label, or an object with a label property
|
|
*/</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.setUpLabel = <span class="reserved">function</span>(oData) {
|
|
<span class="reserved">if</span> (typeof oData == <span class="literal">"string"</span>) {
|
|
oData = { label: oData };
|
|
}
|
|
<span class="reserved">this</span>.label = oData.label;
|
|
<span class="comment">
|
|
// update the link</span>
|
|
<span class="reserved">if</span> (oData.href) {
|
|
<span class="reserved">this</span>.href = oData.href;
|
|
}
|
|
<span class="comment">
|
|
// set the target</span>
|
|
<span class="reserved">if</span> (oData.target) {
|
|
<span class="reserved">this</span>.target = oData.target;
|
|
}
|
|
|
|
<span class="reserved">if</span> (oData.style) {
|
|
<span class="reserved">this</span>.labelStyle = oData.style;
|
|
}
|
|
|
|
<span class="reserved">this</span>.labelElId = <span class="literal">"ygtvlabelel"</span> + <span class="reserved">this</span>.index;
|
|
};
|
|
|
|
<span class="comment">/**
|
|
* Returns the label element
|
|
*
|
|
* <span class="attrib">@return</span> {object} the element
|
|
*/</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.getLabelEl = <span class="reserved">function</span>() {
|
|
<span class="reserved">return</span> document.getElementById(<span class="reserved">this</span>.labelElId);
|
|
};
|
|
<span class="comment">
|
|
// overrides YAHOO.widget.Node</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.getNodeHtml = <span class="reserved">function</span>() {
|
|
<span class="reserved">this</span>.logger.log(<span class="literal">"Generating html"</span>);
|
|
var sb = [];
|
|
|
|
sb[sb.length] = <span class="literal">'<table border="0" cellpadding="0" cellspacing="0">'</span>;
|
|
sb[sb.length] = <span class="literal">'<tr>'</span>;
|
|
|
|
<span class="reserved">for</span> (i=0;i<<span class="reserved">this</span>.depth;++i) {
|
|
<span class="comment"> // sb[sb.length] = '<td class="ygtvdepthcell">&#160;</td>';</span>
|
|
sb[sb.length] = <span class="literal">'<td class="'</span> + <span class="reserved">this</span>.getDepthStyle(i) + <span class="literal">'">&#160;</td>'</span>;
|
|
}
|
|
|
|
var getNode = <span class="literal">'YAHOO.widget.TreeView.getNode(\'</span><span class="literal">' +
|
|
this.tree.id + '</span>\<span class="literal">','</span> + <span class="reserved">this</span>.index + <span class="literal">')'</span>;
|
|
|
|
sb[sb.length] = <span class="literal">'<td'</span>;
|
|
<span class="comment"> // sb[sb.length] = ' onselectstart="return false"';</span>
|
|
sb[sb.length] = <span class="literal">' id="'</span> + <span class="reserved">this</span>.getToggleElId() + <span class="literal">'"'</span>;
|
|
sb[sb.length] = <span class="literal">' class="'</span> + <span class="reserved">this</span>.getStyle() + <span class="literal">'"'</span>;
|
|
<span class="reserved">if</span> (<span class="reserved">this</span>.hasChildren(true)) {
|
|
sb[sb.length] = <span class="literal">' onmouseover="this.className='</span>;
|
|
sb[sb.length] = getNode + <span class="literal">'.getHoverStyle()"'</span>;
|
|
sb[sb.length] = <span class="literal">' onmouseout="this.className='</span>;
|
|
sb[sb.length] = getNode + <span class="literal">'.getStyle()"'</span>;
|
|
}
|
|
sb[sb.length] = <span class="literal">' onclick="javascript:'</span> + <span class="reserved">this</span>.getToggleLink() + <span class="literal">'">'</span>;
|
|
|
|
<span class="comment">/*
|
|
sb[sb.length] = '<img id="' + this.getSpacerId() + '"';
|
|
sb[sb.length] = ' alt=""';
|
|
sb[sb.length] = ' tabindex=0';
|
|
sb[sb.length] = ' src="' + this.spacerPath + '"';
|
|
sb[sb.length] = ' title="' + this.getStateText() + '"';
|
|
sb[sb.length] = ' class="ygtvspacer"';
|
|
// sb[sb.length] = ' onkeypress="return ' + getNode + '".onKeyPress()"';
|
|
sb[sb.length] = ' />';
|
|
*/</span>
|
|
|
|
sb[sb.length] = <span class="literal">'&#160;'</span>;
|
|
|
|
sb[sb.length] = <span class="literal">'</td>'</span>;
|
|
sb[sb.length] = <span class="literal">'<td>'</span>;
|
|
sb[sb.length] = <span class="literal">'<a'</span>;
|
|
sb[sb.length] = <span class="literal">' id="'</span> + <span class="reserved">this</span>.labelElId + <span class="literal">'"'</span>;
|
|
sb[sb.length] = <span class="literal">' class="'</span> + <span class="reserved">this</span>.labelStyle + <span class="literal">'"'</span>;
|
|
sb[sb.length] = <span class="literal">' href="'</span> + <span class="reserved">this</span>.href + <span class="literal">'"'</span>;
|
|
sb[sb.length] = <span class="literal">' target="'</span> + <span class="reserved">this</span>.target + <span class="literal">'"'</span>;
|
|
sb[sb.length] = <span class="literal">' onclick="return '</span> + getNode + <span class="literal">'.onLabelClick('</span> + getNode +<span class="literal">')"'</span>;
|
|
<span class="reserved">if</span> (<span class="reserved">this</span>.hasChildren(true)) {
|
|
sb[sb.length] = <span class="literal">' onmouseover="document.getElementById(\'</span><span class="literal">';
|
|
sb[sb.length] = this.getToggleElId() + '</span>\<span class="literal">').className='</span>;
|
|
sb[sb.length] = getNode + <span class="literal">'.getHoverStyle()"'</span>;
|
|
sb[sb.length] = <span class="literal">' onmouseout="document.getElementById(\'</span><span class="literal">';
|
|
sb[sb.length] = this.getToggleElId() + '</span>\<span class="literal">').className='</span>;
|
|
sb[sb.length] = getNode + <span class="literal">'.getStyle()"'</span>;
|
|
}
|
|
sb[sb.length] = <span class="literal">' >'</span>;
|
|
sb[sb.length] = <span class="reserved">this</span>.label;
|
|
sb[sb.length] = <span class="literal">'</a>'</span>;
|
|
sb[sb.length] = <span class="literal">'</td>'</span>;
|
|
sb[sb.length] = <span class="literal">'</tr>'</span>;
|
|
sb[sb.length] = <span class="literal">'</table>'</span>;
|
|
|
|
<span class="reserved">return</span> sb.join(<span class="literal">""</span>);
|
|
};
|
|
|
|
|
|
<span class="comment">/**
|
|
* Executed when the label is clicked
|
|
* <span class="attrib">@param</span> me {Node} this node
|
|
* <span class="attrib">@scope</span> the anchor tag clicked
|
|
* <span class="attrib">@return</span> false to cancel the anchor click
|
|
*/</span>
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.onLabelClick = <span class="reserved">function</span>(me) {
|
|
me.logger.log(<span class="literal">"onLabelClick "</span> + <span class="reserved">this</span>.label);
|
|
<span class="comment"> //return true;</span>
|
|
};
|
|
|
|
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.toString = <span class="reserved">function</span>() {
|
|
<span class="reserved">return</span> <span class="literal">"TextNode ("</span> + <span class="reserved">this</span>.index + <span class="literal">") "</span> + <span class="reserved">this</span>.label;
|
|
};
|
|
|
|
</pre>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer">
|
|
|
|
<hr />
|
|
|
|
Copyright © 2004 - 2006 Yahoo! Inc. All rights reserved.
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|