Fixed various bugs with tooltips
This commit is contained in:
		| @@ -64,17 +64,19 @@ | ||||
|         </div> | ||||
|         <div class="tooltip tooltip-window rwd-hideable"> | ||||
|             <h2>What is XPath?</h2> | ||||
|             <p>XPath is a querry language used for selecting nodes from XML and processing them.<br> | ||||
|             <p>XPath is a query language used for selecting nodes from XML and processing them.<br> | ||||
|                 It may perform operations on strings, numbers and boolean values.<br></p> | ||||
|  | ||||
|             <span id="collapsible-lists"> | ||||
|                 <div class="collapsible"> | ||||
|                     <button class="section-button collapseTrigger" style="border: none">XPath 1.0 vs 2.0 vs 3.0 vs | ||||
|                         3.1</button> | ||||
|                     <span> | ||||
|                         <button class="section-button collapseTrigger" style="border: none">XPath 1.0 vs 2.0 vs 3.0 vs | ||||
|                             3.1</button> | ||||
|                     </span> | ||||
|                     <div class="content"> | ||||
|                         <p><b>XPath 2.0 introduced many new features XQuery-cośtam:</b><br> | ||||
|                             - Added support for all XML simple types<br> | ||||
|                             - Many new functions (trippled instruction count)<br> | ||||
|                             - Many new functions (tripled instruction count)<br> | ||||
|                             - All expressions evaluate to sequence<br> | ||||
|                             - Introduces conditional expressions and for-loops<br> | ||||
|                         </p> | ||||
| @@ -82,14 +84,14 @@ | ||||
|                             - Dynamic function calls (function may be called without being referenced by name (find | ||||
|                             function in collection and call)<br> | ||||
|                             - Inline functions<br> | ||||
|                             - Namespace literals - Namespace may be embeded into function name<br> | ||||
|                             - Namespace literals - Namespace may be embedded into function name<br> | ||||
|                             - Support for union types - collections containing elements of different types<br> | ||||
|                             - Mapping operator - '!' performs evaluation for each element in sequence and | ||||
|                             concatenates results<br> | ||||
|                             - Introduced maps <br> | ||||
|                         </p> | ||||
|                         <p><b>XPath 3.1</b><br> | ||||
|                             - New operator for function chaing '=>' <br> | ||||
|                             - New operator for function chaining '=>' <br> | ||||
|                             - Introduced maps that store data in pair 'key:value' - 'map{ key : value, key : value | ||||
|                             }'<br> | ||||
|                             - Introduced arrays - they differ from sequences in that they can be nested 'array{1, 5, 7, | ||||
| @@ -106,7 +108,9 @@ | ||||
|  | ||||
|  | ||||
|                 <div class="collapsible"> | ||||
|                     <button class="section-button collapseTrigger" style="border: none">Node-Set</button> | ||||
|                     <span> | ||||
|                         <button class="section-button collapseTrigger" style="border: none">Node-Set</button> | ||||
|                     </span> | ||||
|                     <div class="content"> | ||||
|  | ||||
|  | ||||
| @@ -335,7 +339,9 @@ | ||||
|                     </div> | ||||
|                 </div> | ||||
|                 <div class="collapsible"> | ||||
|                     <button class="section-button collapseTrigger" style="border: none">String</button> | ||||
|                     <span> | ||||
|                         <button class="section-button collapseTrigger" style="border: none">String</button> | ||||
|                     </span> | ||||
|                     <div class="content"> | ||||
|  | ||||
|  | ||||
| @@ -3000,71 +3006,75 @@ | ||||
|  | ||||
|                     </div> | ||||
|                 </div> | ||||
|                 <span name="collapse30"> | ||||
|                     <div class="collapsible"> | ||||
|  | ||||
|  | ||||
|                 <div class="collapsible"> | ||||
|                     <span name="collapse30"> | ||||
|                         <button class="section-button collapseTrigger" style="border: none">Loop / | ||||
|                             Conditional</button> | ||||
|                         <div class="content"> | ||||
|                 </span> | ||||
|                 <span name="collapse30"> | ||||
|                     [3.0] <a href="#" onClick="return false;" | ||||
|                         class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each(sequence*, function)</code></a> | ||||
|                     </span> | ||||
|                     <div class="content"> | ||||
|                         <div class="section"> | ||||
|                             Applies function item to every element in sequence <br> | ||||
|                             <br> | ||||
|                             <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-for-each" class="hyperlink" target="_blank">#func-for-each</code></a> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </span> | ||||
|                         <span name="collapse30"> | ||||
|                             [3.0] <a href="#" onClick="return false;" | ||||
|                                 class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each(sequence*, function)</code></a> | ||||
|                             <div class="content"> | ||||
|                                 <div class="section"> | ||||
|                                     Applies function item to every element in sequence <br> | ||||
|                                     <br> | ||||
|                                     <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-for-each" class="hyperlink" target="_blank">#func-for-each</code></a> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </span> | ||||
|  | ||||
|                 <span name="collapse30"> | ||||
|                     [3.0] <a href="#" onClick="return false;" | ||||
|                         class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each-pair(sequence*, sequence*, function)</code></a> | ||||
|                     <div class="content"> | ||||
|                         <div class="section"> | ||||
|                             Applies the function to consecutive pairs of elements taken from sequences <br> | ||||
|                             <br> | ||||
|                             <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-for-each-pair" class="hyperlink" target="_blank">#func-for-each-pair</code></a> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </span> | ||||
|                         <span name="collapse30"> | ||||
|                             [3.0] <a href="#" onClick="return false;" | ||||
|                                 class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each-pair(sequence*, sequence*, function)</code></a> | ||||
|                             <div class="content"> | ||||
|                                 <div class="section"> | ||||
|                                     Applies the function to consecutive pairs of elements taken from sequences <br> | ||||
|                                     <br> | ||||
|                                     <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-for-each-pair" class="hyperlink" target="_blank">#func-for-each-pair</code></a> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </span> | ||||
|  | ||||
|                 <span name="collapse30"> | ||||
|                     [3.0] <a href="#" onClick="return false;" | ||||
|                         class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-left(sequence*, baseValue, function)</code></a> | ||||
|                     <div class="content"> | ||||
|                         <div class="section"> | ||||
|                             Applies function item to every element in sequence, accumulating value <br> | ||||
|                             <br> | ||||
|                             <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-fold-left" class="hyperlink" target="_blank">#func-fold-left</code></a> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </span> | ||||
|                         <span name="collapse30"> | ||||
|                             [3.0] <a href="#" onClick="return false;" | ||||
|                                 class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-left(sequence*, baseValue, function)</code></a> | ||||
|                             <div class="content"> | ||||
|                                 <div class="section"> | ||||
|                                     Applies function item to every element in sequence, accumulating value <br> | ||||
|                                     <br> | ||||
|                                     <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-fold-left" class="hyperlink" target="_blank">#func-fold-left</code></a> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </span> | ||||
|  | ||||
|                 <span name="collapse30"> | ||||
|                     [3.0] <a href="#" onClick="return false;" | ||||
|                         class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-right()</code></a> | ||||
|                     <div class="content"> | ||||
|                         <div class="section"> | ||||
|                             Applies function item to every element in sequence, accumulating value <br> | ||||
|                             <br> | ||||
|                             <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-fold-right" class="hyperlink" target="_blank">#func-fold-right</code></a> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                 </span> | ||||
|                         <span name="collapse30"> | ||||
|                             [3.0] <a href="#" onClick="return false;" | ||||
|                                 class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-right()</code></a> | ||||
|                             <div class="content"> | ||||
|                                 <div class="section"> | ||||
|                                     Applies function item to every element in sequence, accumulating value <br> | ||||
|                                     <br> | ||||
|                                     <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-fold-right" class="hyperlink" target="_blank">#func-fold-right</code></a> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </span> | ||||
|  | ||||
|                 <span name="collapse30"> | ||||
|                     [3.0] <a href="#" onClick="return false;" | ||||
|                         class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:filter(sequence*, function)</code></a> | ||||
|                     <div class="content"> | ||||
|                         <div class="section"> | ||||
|                             Returns those items from the sequence for which the supplied function returns true <br> | ||||
|                             <br> | ||||
|                             <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-filter" class="hyperlink" target="_blank">#func-filter</code></a> | ||||
|                         </div> | ||||
|                         <span name="collapse30"> | ||||
|                             [3.0] <a href="#" onClick="return false;" | ||||
|                                 class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:filter(sequence*, function)</code></a> | ||||
|                             <div class="content"> | ||||
|                                 <div class="section"> | ||||
|                                     Returns those items from the sequence for which the supplied function returns true <br> | ||||
|                                     <br> | ||||
|                                     <code>W3C Documentation reference: <a href="https://www.w3.org/TR/xpath-functions-30/#func-filter" class="hyperlink" target="_blank">#func-filter</code></a> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </span> | ||||
|                     </div> | ||||
|                 </span> | ||||
|                 </div> | ||||
|  | ||||
|         </div> | ||||
|         <!-- Cut here --> | ||||
| @@ -3171,7 +3181,14 @@ | ||||
|             console.log("trigger connected"); | ||||
|             triggerList[i].addEventListener("click", function () { | ||||
|                 var collapsible = this.parentElement; | ||||
|                 var collapsibleData = this.nextElementSibling; | ||||
|                 if (this.tagName == "A") { | ||||
|                     var collapsibleData = this.nextElementSibling; | ||||
|                 } else { | ||||
|                     var collapsibleData = this.parentElement.nextElementSibling; | ||||
|                      | ||||
|                 } | ||||
|  | ||||
|                 console.log(collapsibleData); | ||||
|                 if (collapsibleData.style.maxHeight > "0px") { | ||||
|                     collapsibleData.style.maxHeight = "0px"; | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user