Adam Bem
3c5798cfa2
Co-authored-by: Adam Bem <adam.bem@zoho.eu> Reviewed-on: #220 Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>
87 lines
4.1 KiB
HTML
87 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<!-- <link rel="stylesheet" href="styles.css"> -->
|
|
<link rel="stylesheet" href="../assets/css/tools/r11form.css">
|
|
<link rel="stylesheet" href="../assets/css/highlight.css">
|
|
<script src="../assets/scripts/common/hljs.min.js"></script>
|
|
<script src="../assets/scripts/tools/xquery.js"></script>
|
|
<script src="../assets/scripts/tools/scripts.js"></script>
|
|
<script src="../assets/scripts/tools/highlight.js"></script>
|
|
<script>hljs.highlightAll();</script>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
|
|
<body onload="init();">
|
|
<div class="container">
|
|
<div id="tool" class="tool rwd-expandable">
|
|
<div class="tool-context">
|
|
<div class="headline">
|
|
<h1>Online XQuery Interpreter</h1>
|
|
</div>
|
|
<div class="display-space-between">
|
|
<div style="text-align: center;">
|
|
<label for="processors">Select XQuery processor:</label>
|
|
<select name="processors" id="processors">
|
|
<option value="saxon">Saxon</option>
|
|
</select>
|
|
<label for="versions">XQuery version:</label>
|
|
<select name="versions" id="versions">
|
|
<option class="hideable saxon" value="3.1">3.1</option>
|
|
<option class="hideable saxon" value="4.0">4.0</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<button class="action-button active" id="clearXMLButton" style="padding: 3px 10px;"
|
|
onclick="clearDataField()">Clear</button>
|
|
<button class="action-button active" id="prettyXMLButton" style="padding: 3px 10px;"
|
|
onclick="performFormatRequest('prettify', true, 'xmlArea', 'xmlArea')">Format XML</button>
|
|
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
|
|
onclick="fillDefaultXML(this)">Insert default XML</button>
|
|
</div>
|
|
</div>
|
|
|
|
<span id="processorTooltipInfo">Supports XQuery up to 4.0</span><br>
|
|
<br>
|
|
|
|
<label for="xmlArea"><b>Insert your XML:</b></label>
|
|
<pre><code class="language-xml bordered-field textarea-300" id="xmlArea" contenteditable="True"></code></pre>
|
|
<br>
|
|
|
|
<div class="display-space-between">
|
|
<label for="transformArea"><b>Insert your XQuery:</b></label>
|
|
<div>
|
|
<button class="action-button active" id="defaultQueryButton" style="padding: 3px 10px;" onclick="fillDefaultXQuery();">Insert default XQuery</button>
|
|
</div>
|
|
</div>
|
|
<pre><code class="language-xml bordered-field textarea-300" id="transformArea" contenteditable="True"></code></pre>
|
|
<br>
|
|
<button id="requestButton" class="max-width block-label action-button active"
|
|
onclick="performRequest('xquery', true, true)">Execute XQuery</button>
|
|
<br>
|
|
|
|
<label for="resultArea"><b>Query result:<span id="procinfo"></span></b></label>
|
|
<pre><code class="language-xml bordered-field textarea-300" id="resultArea"></code></pre>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tooltip tooltip-window rwd-hideable">
|
|
<h2>What is XQuery?</h2>
|
|
<p><b>XQuery</b> (<b>XML Query</b>) is a query and functional programming language that queries and transforms collections of structured and unstructured data, usually in the form of XML, text and with vendor-specific extensions for other data formats (JSON, binary, etc.).</p>
|
|
<p>Source: <a href="https://en.wikipedia.org/wiki/XQuery">Wikipedia</a></p>
|
|
</div>
|
|
|
|
<!-- Cut END -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |