صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
zhxd2
/
tripal
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 610ca29f50
شاخه‌ها تگ‌ها
tripal
/
theme_tripal
/
js
/
jsTree
/
reference
/
_documentation
/
1_files.html

1_files.html 11 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 
  1. <!DOCTYPE html
    2. 

  2. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    3. 

  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4. 

  4. <html xmlns="http://www.w3.org/1999/xhtml">
    5. 

  5. <head>
    6. 

  6. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    7. 

  7. 	<title>jsTree &raquo; Documentation </title>
    8. 

  8. 	<link rel="stylesheet" type="text/css" href="../media/style.css" />
    9. 

  9. 

  10. 	<link rel="shortcut icon" href="../media/favicon.ico" />
    11. 

  11. 

  12. 	<link rel="stylesheet" type="text/css" href="../media/prettify.css" />
    13. 

  13. 	<script type="text/javascript" src="../media/prettify.js"></script>
    14. 

  14. 	<script type="text/javascript" src="../media/iepngfix_tilebg.js"></script>  
    15. 

  15. 	<script type="text/javascript">window.onload = function() { prettyPrint(); }</script>  
    16. 

  16. </head>
    17. 

  17. <body>
    18. 

  18. 	<div id="container">
    19. 

  19. 		<div id="head">
    20. 

  20. 			<h1>jsTree</h1>
    21. 

  21. 			<h2>javascript tree component</h2>
    22. 

  22. 			<h3>Documentation</h3>
    23. 

  23. 		</div>
    24. 

  24. 

  25. 		<div id="sidebar">
    26. 

  26. 			<h3 style="margin-top:0;">Documentation</h3>
    27. 

  27. 			<ul>
    28. 

  28. 				<li class="page_item current_page_item"><a href="1_files.html" title="Required &amp; optional files">Required &#038; optional files</a></li>
    29. 

  29. 				<li class="page_item"><a href="2_creation.html" title="Instance creation">Instance creation</a></li>
    30. 

  30. 				<li class="page_item"><a href="3_configuration.html" title="Configuration">Configuration</a></li>
    31. 

  31. 				<li class="page_item"><a href="4_data.html" title="Data sources">Data sources</a></li>
    32. 

  32. 				<li class="page_item"><a href="5_customize.html" title="Customization">Customization</a></li>
    33. 

  33. 				<li class="page_item"><a href="6_output.html" title="Output">Output</a></li>
    34. 

  34. 				<li class="page_item"><a href="7_api.html" title="API">API&nbsp;</a></li>
    35. 

  35. 			</ul>
    36. 

  36. 			<h3>Examples</h3>
    37. 

  37. 			<ul>
    38. 

  38. 				<li class="page_item"><a href="../_examples/1_datasources.html" title="Data sources">Data sources</a></li>
    39. 

  39. 				<li class="page_item"><a href="../_examples/2_operations.html" title="Operations">Operations</a></li>
    40. 

  40. 				<li class="page_item"><a href="../_examples/3_callbacks.html" title="Callbacks">Callbacks</a></li>
    41. 

  41. 				<li class="page_item"><a href="../_examples/4_themes.html" title="Themes">Themes</a></li>
    42. 

  42. 				<li class="page_item"><a href="../_examples/5_others.html" title="Others">Other examples</a></li>
    43. 

  43. 				<li class="page_item important"><a href="../_examples/7_full.html" title="Full example">Full PHP &amp; mySQL example&nbsp;</a></li>
    44. 

  44. 			</ul>
    45. 

  45. 		</div>
    46. 

  46. 		<div id="data" style="margin-top:-45px;">
    47. 

  47. 			<div id="content">
    48. 

  48. 				<ul class='nav'>
    49. 

  49. 					<li>&nbsp;</li>
    50. 

  50. 					<li><a href="../index.html">Up to Reference</a></li>
    51. 

  51. 					<li><a href="2_creation.html" title="Instance creation">Instance creation&nbsp;&raquo;</a></li>
    52. 

  52. 				</ul>
    53. 

  53. 				<h2 style="margin-top:25px;">Required &#038; optional files</h2>
    54. 

  54. 				<div class="entry"><div id="documentation">
    55. 

  55. 

  56. 

  57. <p>Note, that you could use the minified version along with the <span class="file">lib.js</span> file, which means you only have to include <span class="file">lib.js</span>, <span class="file">tree_component.js</span> and <span class="file">tree_component.css</span> - see <a href="#minified">below</a>.</p>
    58. 

  58. <p>Otherwise: only four files are <strong>required</strong>:</p>
    59. 

  59. <ul>
    60. 

  60. <li><span class="file">source/_lib/jquery.js</span> - the <a href="http://jquery.com">jQuery</a> library.</li>
    61. 

  61. <li><span class="file">source/_lib/css.js</span> - a small collection of usefull css commands (those enable fast language switching, themes, etc).</li>
    62. 

  62. <li><span class="file">source/tree_component.js</span></li>
    63. 

  63. <li><span class="file">source/tree_component.css</span></li>
    64. 

  64. </ul>
    65. 

  65. <p class="note">NOTE: Once loaded jsTree also includes the CSS file of the theme you specified.</p>
    66. 

  66. <p style="margin-top: 1em;">All other files are <strong>optional</strong> and needed only in certain scenarios:</p>
    67. 

  67. <ol>
    68. 

  68. <li>XML data source. I will also need to include:
    69. 

  69. <ul>
    70. 

  70. <li><span class="file">source/_lib/sarissa.js</span> - part of the <a href="http://dev.abiss.gr/sarissa/">Sarissa</a> library (used for xsl transformations).</li>
    71. 

  71. <li><span class="file">source/_lib/sarissa_ieemu_xpath.js</span> - same as above.</li>
    72. 

  72. <li><span class="file">source/_lib/jquery.xslt.js</span> - <a href="http://jquery.glyphix.com/">jQuery XSLT plugin</a> - a jQuery wrapper for Sarissa.</li>
    73. 

  73. </ul>
    74. 

  74. </li>
    75. 

  75. <li>Metadata stored inside nodes. If you don’t know what this is - check out the examples.
    76. 

  76. <ul>
    77. 

  77. <li><span class="file">source/_lib/jquery.metadata.js</span> - <a href="http://plugins.jquery.com/project/metadata">jQuery metadata plugin</a></li>
    78. 

  78. </ul>
    79. 

  79. </li>
    80. 

  80. <li>Cookie functionality needed. Also include:
    81. 

  81. <ul>
    82. 

  82. <li><span class="file">source/_lib/jquery.cookie.js</span> - <a href="http://plugins.jquery.com/project/cookie">jQuery cookie plugin</a></li>
    83. 

  83. </ul>
    84. 

  84. </li>
    85. 

  85. </ol>
    86. 

  86. <div class="source">Example source</div>
    87. 

  87. <pre><span class="com">&lt;!-- REQUIRED SCRIPTS AND STYLES --&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">link</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/css"</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"path-to-jsTree/tree_component.css"</span><span class="pln"> </span><span class="pun">/&gt;</span><span class="pln"><br><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/css.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/jquery.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/tree_component.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br><br></span><span class="com">&lt;!-- required for xml data type --&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/sarissa.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/sarissa_ieemu_xpath.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/jquery.xslt.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br></span><span class="com">&lt;!-- required for metadata rule definitions --&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/jquery.metadata.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br><br></span><span class="com">&lt;!-- required for cookie functionality --&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib/jquery.cookie.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span></pre>
    88. 

  88. <div class="source" id="minified">Example source - minified</div>
    89. 

  89. <pre><span class="pun">&lt;</span><span class="tag">link</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/css"</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"path-to-jsTree/tree_component.css"</span><span class="pln"> </span><span class="pun">/&gt;</span><span class="pln"><br><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/_lib.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span><span class="pln"><br></span><span class="pun">&lt;</span><span class="tag">script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"path-to-jsTree/tree_component.min.js"</span><span class="pun">&gt;&lt;/</span><span class="tag">script</span><span class="pun">&gt;</span></pre>
    90. 

  90. 

  91. 				</div></div>
    92. 

  92. 			</div>
    93. 

  93. 		</div>
    94. 

  94. 	</div>
    95. 

  95. </body>
    96. 

  96. </html>
    97.