R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Fixed various bugs with tooltips

Browse Source
This commit is contained in:
Adam Bem
2023-02-22 13:52:32 +01:00
parent d3c02e164f
commit 169ba0d2d1
1 changed files with 83 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
Frontend/tools/xpath.html
View File

@@ -64,17 +64,19 @@
</div> </div>
<div class="tooltip tooltip-window rwd-hideable"> <div class="tooltip tooltip-window rwd-hideable">
<h2>What is XPath?</h2> <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> It may perform operations on strings, numbers and boolean values.<br></p>
<span id="collapsible-lists"> <span id="collapsible-lists">
<div class="collapsible"> <div class="collapsible">
<button class="section-button collapseTrigger" style="border: none">XPath 1.0 vs 2.0 vs 3.0 vs <span>
3.1</button> <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"> <div class="content">
<p><b>XPath 2.0 introduced many new features XQuery-cośtam:</b><br> <p><b>XPath 2.0 introduced many new features XQuery-cośtam:</b><br>
- Added support for all XML simple types<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> - All expressions evaluate to sequence<br>
- Introduces conditional expressions and for-loops<br> - Introduces conditional expressions and for-loops<br>
</p> </p>
@@ -82,14 +84,14 @@
- Dynamic function calls (function may be called without being referenced by name (find - Dynamic function calls (function may be called without being referenced by name (find
function in collection and call)<br> function in collection and call)<br>
- Inline functions<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> - Support for union types - collections containing elements of different types<br>
- Mapping operator - '!' performs evaluation for each element in sequence and - Mapping operator - '!' performs evaluation for each element in sequence and
concatenates results<br> concatenates results<br>
- Introduced maps <br> - Introduced maps <br>
</p> </p>
<p><b>XPath 3.1</b><br> <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 - Introduced maps that store data in pair 'key:value' - 'map{ key : value, key : value
}'<br> }'<br>
- Introduced arrays - they differ from sequences in that they can be nested 'array{1, 5, 7, - Introduced arrays - they differ from sequences in that they can be nested 'array{1, 5, 7,
@@ -106,7 +108,9 @@
<div class="collapsible"> <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"> <div class="content">
@@ -335,7 +339,9 @@
</div> </div>
</div> </div>
<div class="collapsible"> <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"> <div class="content">
@@ -3000,71 +3006,75 @@
</div> </div>
</div> </div>
<span name="collapse30">
<div class="collapsible">
<div class="collapsible">
<span name="collapse30">
<button class="section-button collapseTrigger" style="border: none">Loop / <button class="section-button collapseTrigger" style="border: none">Loop /
Conditional</button> Conditional</button>
<div class="content"> </span>
</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="content">
<div class="section"> <span name="collapse30">
Applies function item to every element in sequence <br> [3.0] <a href="#" onClick="return false;"
<br> class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each(sequence*, function)</code></a>
<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 class="content">
</div> <div class="section">
</div> Applies function item to every element in sequence <br>
</span> <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"> <span name="collapse30">
[3.0] <a href="#" onClick="return false;" [3.0] <a href="#" onClick="return false;"
class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each-pair(sequence*, sequence*, function)</code></a> class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:for-each-pair(sequence*, sequence*, function)</code></a>
<div class="content"> <div class="content">
<div class="section"> <div class="section">
Applies the function to consecutive pairs of elements taken from sequences <br> Applies the function to consecutive pairs of elements taken from sequences <br>
<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> <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>
</div> </div>
</span> </span>
<span name="collapse30"> <span name="collapse30">
[3.0] <a href="#" onClick="return false;" [3.0] <a href="#" onClick="return false;"
class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-left(sequence*, baseValue, function)</code></a> class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-left(sequence*, baseValue, function)</code></a>
<div class="content"> <div class="content">
<div class="section"> <div class="section">
Applies function item to every element in sequence, accumulating value <br> Applies function item to every element in sequence, accumulating value <br>
<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> <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>
</div> </div>
</span> </span>
<span name="collapse30"> <span name="collapse30">
[3.0] <a href="#" onClick="return false;" [3.0] <a href="#" onClick="return false;"
class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-right()</code></a> class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:fold-right()</code></a>
<div class="content"> <div class="content">
<div class="section"> <div class="section">
Applies function item to every element in sequence, accumulating value <br> Applies function item to every element in sequence, accumulating value <br>
<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> <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>
</div> </div>
</span> </span>
<span name="collapse30"> <span name="collapse30">
[3.0] <a href="#" onClick="return false;" [3.0] <a href="#" onClick="return false;"
class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:filter(sequence*, function)</code></a> class="hyperlink collapsible collapsibleMini collapseTrigger"><code>fn:filter(sequence*, function)</code></a>
<div class="content"> <div class="content">
<div class="section"> <div class="section">
Returns those items from the sequence for which the supplied function returns true <br> Returns those items from the sequence for which the supplied function returns true <br>
<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> <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>
</div>
</span>
</div> </div>
</span> </div>
</div> </div>
<!-- Cut here --> <!-- Cut here -->
@@ -3171,7 +3181,14 @@
console.log("trigger connected"); console.log("trigger connected");
triggerList[i].addEventListener("click", function () { triggerList[i].addEventListener("click", function () {
var collapsible = this.parentElement; 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") { if (collapsibleData.style.maxHeight > "0px") {
collapsibleData.style.maxHeight = "0px"; collapsibleData.style.maxHeight = "0px";