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