mirror of
https://github.com/itead/ITEADLIB_Arduino_Nextion.git
synced 2026-02-22 20:41:19 +01:00
184 lines
19 KiB
HTML
Executable File
184 lines
19 KiB
HTML
Executable File
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
|
|
<meta name="generator" content="Doxygen 1.8.7"/>
|
|
<title>Documentation: html/dynsections.js Source File</title>
|
|
<link href="tabs.css" rel="stylesheet" type="text/css"/>
|
|
<script type="text/javascript" src="jquery.js"></script>
|
|
<script type="text/javascript" src="dynsections.js"></script>
|
|
<link href="navtree.css" rel="stylesheet" type="text/css"/>
|
|
<script type="text/javascript" src="resize.js"></script>
|
|
<script type="text/javascript" src="navtree.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(initResizable);
|
|
$(window).load(resizeHeight);
|
|
</script>
|
|
<link href="doxygen.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
|
|
<div id="titlearea">
|
|
<table cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
<tr style="height: 56px;">
|
|
<td id="projectlogo"><img alt="Logo" src="Logo.png"/></td>
|
|
<td style="padding-left: 0.5em;">
|
|
<div id="projectname">Documentation
|
|
</div>
|
|
<div id="projectbrief">For Arduino users</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- end header part -->
|
|
<!-- Generated by Doxygen 1.8.7 -->
|
|
<div id="navrow1" class="tabs">
|
|
<ul class="tablist">
|
|
<li><a href="index.html"><span>Main Page</span></a></li>
|
|
<li><a href="pages.html"><span>Related Pages</span></a></li>
|
|
<li><a href="modules.html"><span>Modules</span></a></li>
|
|
<li><a href="annotated.html"><span>Classes</span></a></li>
|
|
<li class="current"><a href="files.html"><span>Files</span></a></li>
|
|
<li><a href="examples.html"><span>Examples</span></a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="navrow2" class="tabs2">
|
|
<ul class="tablist">
|
|
<li><a href="files.html"><span>File List</span></a></li>
|
|
<li><a href="globals.html"><span>File Members</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- top -->
|
|
<div id="side-nav" class="ui-resizable side-nav-resizable">
|
|
<div id="nav-tree">
|
|
<div id="nav-tree-contents">
|
|
<div id="nav-sync" class="sync"></div>
|
|
</div>
|
|
</div>
|
|
<div id="splitbar" style="-moz-user-select:none;"
|
|
class="ui-resizable-handle">
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){initNavTree('dynsections_8js_source.html','');});
|
|
</script>
|
|
<div id="doc-content">
|
|
<div class="header">
|
|
<div class="headertitle">
|
|
<div class="title">dynsections.js</div> </div>
|
|
</div><!--header-->
|
|
<div class="contents">
|
|
<div class="fragment"><div class="line"><a name="l00001"></a><span class="lineno"> 1</span> <span class="keyword">function</span> toggleVisibility(linkObj)</div>
|
|
<div class="line"><a name="l00002"></a><span class="lineno"> 2</span> {</div>
|
|
<div class="line"><a name="l00003"></a><span class="lineno"> 3</span>  var base = $(linkObj).attr(<span class="stringliteral">'id'</span>);</div>
|
|
<div class="line"><a name="l00004"></a><span class="lineno"> 4</span>  var summary = $(<span class="charliteral">'#'</span>+base+<span class="stringliteral">'-summary'</span>);</div>
|
|
<div class="line"><a name="l00005"></a><span class="lineno"> 5</span>  var content = $(<span class="charliteral">'#'</span>+base+<span class="stringliteral">'-content'</span>);</div>
|
|
<div class="line"><a name="l00006"></a><span class="lineno"> 6</span>  var trigger = $(<span class="charliteral">'#'</span>+base+<span class="stringliteral">'-trigger'</span>);</div>
|
|
<div class="line"><a name="l00007"></a><span class="lineno"> 7</span>  var src=$(trigger).attr(<span class="stringliteral">'src'</span>);</div>
|
|
<div class="line"><a name="l00008"></a><span class="lineno"> 8</span>  <span class="keywordflow">if</span> (content.is(<span class="stringliteral">':visible'</span>)===<span class="keyword">true</span>) {</div>
|
|
<div class="line"><a name="l00009"></a><span class="lineno"> 9</span>  content.hide();</div>
|
|
<div class="line"><a name="l00010"></a><span class="lineno"> 10</span>  summary.show();</div>
|
|
<div class="line"><a name="l00011"></a><span class="lineno"> 11</span>  $(linkObj).addClass(<span class="stringliteral">'closed'</span>).removeClass(<span class="stringliteral">'opened'</span>);</div>
|
|
<div class="line"><a name="l00012"></a><span class="lineno"> 12</span>  $(trigger).attr(<span class="stringliteral">'src'</span>,src.substring(0,src.length-8)+<span class="stringliteral">'closed.png'</span>);</div>
|
|
<div class="line"><a name="l00013"></a><span class="lineno"> 13</span>  } <span class="keywordflow">else</span> {</div>
|
|
<div class="line"><a name="l00014"></a><span class="lineno"> 14</span>  content.show();</div>
|
|
<div class="line"><a name="l00015"></a><span class="lineno"> 15</span>  summary.hide();</div>
|
|
<div class="line"><a name="l00016"></a><span class="lineno"> 16</span>  $(linkObj).removeClass(<span class="stringliteral">'closed'</span>).addClass(<span class="stringliteral">'opened'</span>);</div>
|
|
<div class="line"><a name="l00017"></a><span class="lineno"> 17</span>  $(trigger).attr(<span class="stringliteral">'src'</span>,src.substring(0,src.length-10)+<span class="stringliteral">'open.png'</span>);</div>
|
|
<div class="line"><a name="l00018"></a><span class="lineno"> 18</span>  } </div>
|
|
<div class="line"><a name="l00019"></a><span class="lineno"> 19</span>  <span class="keywordflow">return</span> <span class="keyword">false</span>;</div>
|
|
<div class="line"><a name="l00020"></a><span class="lineno"> 20</span> }</div>
|
|
<div class="line"><a name="l00021"></a><span class="lineno"> 21</span> </div>
|
|
<div class="line"><a name="l00022"></a><span class="lineno"> 22</span> <span class="keyword">function</span> updateStripes()</div>
|
|
<div class="line"><a name="l00023"></a><span class="lineno"> 23</span> {</div>
|
|
<div class="line"><a name="l00024"></a><span class="lineno"> 24</span>  $(<span class="stringliteral">'table.directory tr'</span>).</div>
|
|
<div class="line"><a name="l00025"></a><span class="lineno"> 25</span>  removeClass(<span class="stringliteral">'even'</span>).filter(<span class="stringliteral">':visible:even'</span>).addClass(<span class="stringliteral">'even'</span>);</div>
|
|
<div class="line"><a name="l00026"></a><span class="lineno"> 26</span> }</div>
|
|
<div class="line"><a name="l00027"></a><span class="lineno"> 27</span> </div>
|
|
<div class="line"><a name="l00028"></a><span class="lineno"> 28</span> <span class="keyword">function</span> toggleLevel(level)</div>
|
|
<div class="line"><a name="l00029"></a><span class="lineno"> 29</span> {</div>
|
|
<div class="line"><a name="l00030"></a><span class="lineno"> 30</span>  $(<span class="stringliteral">'table.directory tr'</span>).each(<span class="keyword">function</span>() {</div>
|
|
<div class="line"><a name="l00031"></a><span class="lineno"> 31</span>  var l = this.<span class="keywordtype">id</span>.split(<span class="charliteral">'_'</span>).length-1;</div>
|
|
<div class="line"><a name="l00032"></a><span class="lineno"> 32</span>  var i = $(<span class="stringliteral">'#img'</span>+this.<span class="keywordtype">id</span>.substring(3));</div>
|
|
<div class="line"><a name="l00033"></a><span class="lineno"> 33</span>  var a = $(<span class="stringliteral">'#arr'</span>+this.<span class="keywordtype">id</span>.substring(3));</div>
|
|
<div class="line"><a name="l00034"></a><span class="lineno"> 34</span>  <span class="keywordflow">if</span> (l<level+1) {</div>
|
|
<div class="line"><a name="l00035"></a><span class="lineno"> 35</span>  i.removeClass(<span class="stringliteral">'iconfopen iconfclosed'</span>).addClass(<span class="stringliteral">'iconfopen'</span>);</div>
|
|
<div class="line"><a name="l00036"></a><span class="lineno"> 36</span>  a.html(<span class="stringliteral">'&#9660;'</span>);</div>
|
|
<div class="line"><a name="l00037"></a><span class="lineno"> 37</span>  $(<span class="keyword">this</span>).show();</div>
|
|
<div class="line"><a name="l00038"></a><span class="lineno"> 38</span>  } <span class="keywordflow">else</span> <span class="keywordflow">if</span> (l==level+1) {</div>
|
|
<div class="line"><a name="l00039"></a><span class="lineno"> 39</span>  i.removeClass(<span class="stringliteral">'iconfclosed iconfopen'</span>).addClass(<span class="stringliteral">'iconfclosed'</span>);</div>
|
|
<div class="line"><a name="l00040"></a><span class="lineno"> 40</span>  a.html(<span class="stringliteral">'&#9658;'</span>);</div>
|
|
<div class="line"><a name="l00041"></a><span class="lineno"> 41</span>  $(<span class="keyword">this</span>).show();</div>
|
|
<div class="line"><a name="l00042"></a><span class="lineno"> 42</span>  } <span class="keywordflow">else</span> {</div>
|
|
<div class="line"><a name="l00043"></a><span class="lineno"> 43</span>  $(<span class="keyword">this</span>).hide();</div>
|
|
<div class="line"><a name="l00044"></a><span class="lineno"> 44</span>  }</div>
|
|
<div class="line"><a name="l00045"></a><span class="lineno"> 45</span>  });</div>
|
|
<div class="line"><a name="l00046"></a><span class="lineno"> 46</span>  updateStripes();</div>
|
|
<div class="line"><a name="l00047"></a><span class="lineno"> 47</span> }</div>
|
|
<div class="line"><a name="l00048"></a><span class="lineno"> 48</span> </div>
|
|
<div class="line"><a name="l00049"></a><span class="lineno"> 49</span> <span class="keyword">function</span> toggleFolder(<span class="keywordtype">id</span>)</div>
|
|
<div class="line"><a name="l00050"></a><span class="lineno"> 50</span> {</div>
|
|
<div class="line"><a name="l00051"></a><span class="lineno"> 51</span>  <span class="comment">// the clicked row</span></div>
|
|
<div class="line"><a name="l00052"></a><span class="lineno"> 52</span>  var currentRow = $(<span class="stringliteral">'#row_'</span>+id);</div>
|
|
<div class="line"><a name="l00053"></a><span class="lineno"> 53</span> </div>
|
|
<div class="line"><a name="l00054"></a><span class="lineno"> 54</span>  <span class="comment">// all rows after the clicked row</span></div>
|
|
<div class="line"><a name="l00055"></a><span class="lineno"> 55</span>  var rows = currentRow.nextAll(<span class="stringliteral">"tr"</span>);</div>
|
|
<div class="line"><a name="l00056"></a><span class="lineno"> 56</span> </div>
|
|
<div class="line"><a name="l00057"></a><span class="lineno"> 57</span>  var re = <span class="keyword">new</span> RegExp(<span class="stringliteral">'^row_'</span>+<span class="keywordtype">id</span>+<span class="stringliteral">'\\d+_$'</span>, <span class="stringliteral">"i"</span>); <span class="comment">//only one sub</span></div>
|
|
<div class="line"><a name="l00058"></a><span class="lineno"> 58</span> </div>
|
|
<div class="line"><a name="l00059"></a><span class="lineno"> 59</span>  <span class="comment">// only match elements AFTER this one (can't hide elements before)</span></div>
|
|
<div class="line"><a name="l00060"></a><span class="lineno"> 60</span>  var childRows = rows.filter(<span class="keyword">function</span>() { <span class="keywordflow">return</span> this.<span class="keywordtype">id</span>.match(re); });</div>
|
|
<div class="line"><a name="l00061"></a><span class="lineno"> 61</span> </div>
|
|
<div class="line"><a name="l00062"></a><span class="lineno"> 62</span>  <span class="comment">// first row is visible we are HIDING</span></div>
|
|
<div class="line"><a name="l00063"></a><span class="lineno"> 63</span>  <span class="keywordflow">if</span> (childRows.filter(<span class="stringliteral">':first'</span>).is(<span class="stringliteral">':visible'</span>)===<span class="keyword">true</span>) {</div>
|
|
<div class="line"><a name="l00064"></a><span class="lineno"> 64</span>  <span class="comment">// replace down arrow by right arrow for current row</span></div>
|
|
<div class="line"><a name="l00065"></a><span class="lineno"> 65</span>  var currentRowSpans = currentRow.find(<span class="stringliteral">"span"</span>);</div>
|
|
<div class="line"><a name="l00066"></a><span class="lineno"> 66</span>  currentRowSpans.filter(<span class="stringliteral">".iconfopen"</span>).removeClass(<span class="stringliteral">"iconfopen"</span>).addClass(<span class="stringliteral">"iconfclosed"</span>);</div>
|
|
<div class="line"><a name="l00067"></a><span class="lineno"> 67</span>  currentRowSpans.filter(<span class="stringliteral">".arrow"</span>).html(<span class="stringliteral">'&#9658;'</span>);</div>
|
|
<div class="line"><a name="l00068"></a><span class="lineno"> 68</span>  rows.filter(<span class="stringliteral">"[id^=row_"</span>+<span class="keywordtype">id</span>+<span class="stringliteral">"]"</span>).hide(); <span class="comment">// hide all children</span></div>
|
|
<div class="line"><a name="l00069"></a><span class="lineno"> 69</span>  } <span class="keywordflow">else</span> { <span class="comment">// we are SHOWING</span></div>
|
|
<div class="line"><a name="l00070"></a><span class="lineno"> 70</span>  <span class="comment">// replace right arrow by down arrow for current row</span></div>
|
|
<div class="line"><a name="l00071"></a><span class="lineno"> 71</span>  var currentRowSpans = currentRow.find(<span class="stringliteral">"span"</span>);</div>
|
|
<div class="line"><a name="l00072"></a><span class="lineno"> 72</span>  currentRowSpans.filter(<span class="stringliteral">".iconfclosed"</span>).removeClass(<span class="stringliteral">"iconfclosed"</span>).addClass(<span class="stringliteral">"iconfopen"</span>);</div>
|
|
<div class="line"><a name="l00073"></a><span class="lineno"> 73</span>  currentRowSpans.filter(<span class="stringliteral">".arrow"</span>).html(<span class="stringliteral">'&#9660;'</span>);</div>
|
|
<div class="line"><a name="l00074"></a><span class="lineno"> 74</span>  <span class="comment">// replace down arrows by right arrows for child rows</span></div>
|
|
<div class="line"><a name="l00075"></a><span class="lineno"> 75</span>  var childRowsSpans = childRows.find(<span class="stringliteral">"span"</span>);</div>
|
|
<div class="line"><a name="l00076"></a><span class="lineno"> 76</span>  childRowsSpans.filter(<span class="stringliteral">".iconfopen"</span>).removeClass(<span class="stringliteral">"iconfopen"</span>).addClass(<span class="stringliteral">"iconfclosed"</span>);</div>
|
|
<div class="line"><a name="l00077"></a><span class="lineno"> 77</span>  childRowsSpans.filter(<span class="stringliteral">".arrow"</span>).html(<span class="stringliteral">'&#9658;'</span>);</div>
|
|
<div class="line"><a name="l00078"></a><span class="lineno"> 78</span>  childRows.show(); <span class="comment">//show all children</span></div>
|
|
<div class="line"><a name="l00079"></a><span class="lineno"> 79</span>  }</div>
|
|
<div class="line"><a name="l00080"></a><span class="lineno"> 80</span>  updateStripes();</div>
|
|
<div class="line"><a name="l00081"></a><span class="lineno"> 81</span> }</div>
|
|
<div class="line"><a name="l00082"></a><span class="lineno"> 82</span> </div>
|
|
<div class="line"><a name="l00083"></a><span class="lineno"> 83</span> </div>
|
|
<div class="line"><a name="l00084"></a><span class="lineno"> 84</span> <span class="keyword">function</span> toggleInherit(<span class="keywordtype">id</span>)</div>
|
|
<div class="line"><a name="l00085"></a><span class="lineno"> 85</span> {</div>
|
|
<div class="line"><a name="l00086"></a><span class="lineno"> 86</span>  var rows = $(<span class="stringliteral">'tr.inherit.'</span>+id);</div>
|
|
<div class="line"><a name="l00087"></a><span class="lineno"> 87</span>  var img = $(<span class="stringliteral">'tr.inherit_header.'</span>+<span class="keywordtype">id</span>+<span class="stringliteral">' img'</span>);</div>
|
|
<div class="line"><a name="l00088"></a><span class="lineno"> 88</span>  var src = $(img).attr(<span class="stringliteral">'src'</span>);</div>
|
|
<div class="line"><a name="l00089"></a><span class="lineno"> 89</span>  <span class="keywordflow">if</span> (rows.filter(<span class="stringliteral">':first'</span>).is(<span class="stringliteral">':visible'</span>)===<span class="keyword">true</span>) {</div>
|
|
<div class="line"><a name="l00090"></a><span class="lineno"> 90</span>  rows.css(<span class="stringliteral">'display'</span>,<span class="stringliteral">'none'</span>);</div>
|
|
<div class="line"><a name="l00091"></a><span class="lineno"> 91</span>  $(img).attr(<span class="stringliteral">'src'</span>,src.substring(0,src.length-8)+<span class="stringliteral">'closed.png'</span>);</div>
|
|
<div class="line"><a name="l00092"></a><span class="lineno"> 92</span>  } <span class="keywordflow">else</span> {</div>
|
|
<div class="line"><a name="l00093"></a><span class="lineno"> 93</span>  rows.css(<span class="stringliteral">'display'</span>,<span class="stringliteral">'table-row'</span>); <span class="comment">// using show() causes jump in firefox</span></div>
|
|
<div class="line"><a name="l00094"></a><span class="lineno"> 94</span>  $(img).attr(<span class="stringliteral">'src'</span>,src.substring(0,src.length-10)+<span class="stringliteral">'open.png'</span>);</div>
|
|
<div class="line"><a name="l00095"></a><span class="lineno"> 95</span>  }</div>
|
|
<div class="line"><a name="l00096"></a><span class="lineno"> 96</span> }</div>
|
|
<div class="line"><a name="l00097"></a><span class="lineno"> 97</span> </div>
|
|
</div><!-- fragment --></div><!-- contents -->
|
|
</div><!-- doc-content -->
|
|
<!-- start footer part -->
|
|
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
|
|
<ul>
|
|
<li class="navelem"><a class="el" href="dir_2dae0a562653f78d59931f0e4b070746.html">html</a></li><li class="navelem"><b>dynsections.js</b></li>
|
|
<li class="footer">Generated on Tue Oct 11 2016 14:29:35 for Documentation by
|
|
<a href="http://www.doxygen.org/index.html">
|
|
<img class="footer" src="doxygen.png" alt="doxygen"/></a> 1.8.7 </li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html>
|