/
index.html
97 lines (92 loc) · 5.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Xml4jQuery</title>
<style>
fieldset{ border:none; margin: 1em 0; padding: 0;}
legend{ font-size: 120%; font-weight: bold; padding: 1em 0 .5em 0; }
pre, code, tt, kbd, samp { font-family: monospace,Courier; }
pre{display: block; background-color: black;}
.copy{float: right;}
.toFill{border: dashed 2px palegreen; border-radius: 1em; display: inline-block;padding: 1em;}
.clickable{ cursor: pointer; border-color: blue;}
pre a {color: #FF0;}
</style>
<style type="text/css">
.s0 { color: rgb(169,183,198); }
.s1 { color: rgb(232,191,106); }
.s2 { color: rgb(186,186,186); }
.s3 { color: rgb(165,194,97); }
.s4 { color: rgb(106,135,89); }
.s5 { color: rgb(204,120,50); }
.s6 { color: rgb(109,156,190); }
</style>
<!--<script src="node_modules/jquery/dist/jquery.min.js"></script>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="xml4jquery.js"></script>
<script>
$(function () {
$(".toFill").html("Click here")
.$on('click')
.html('Loading...')
.sleep(1000)
.xmlTransform( 'test/test.xml', 'test/test.xsl')
.toggleClass('clickable')
.prepend("Still clickable <hr/>");
});
</script>
</head>
<body>
<h1>Xml4jQuery</h1>
<p>Is a jQuery plugin exposed via reactive API to supply asynchronous execution and XML, XPath and XSLT functionality.<br/>
It brings declarative programming as an alternative to closure-based event handling.
</p>
<pre><code><span class="s0">
$(</span><span class="s1">".toFill"</span><span class="s0">).html(</span><span class="s1">"Click here"</span><span class="s0">)
.$on(</span><span class="s1">'click'</span><span class="s0">)
.html(</span><span class="s1">'Loading...'</span><span class="s0">)
.sleep(</span><span class="s2">1000</span><span class="s0">)
.xmlTransform( </span><span class="s1">'<a
href="test/test.xml">test/test.xml</a>'</span><span class="s3">, </span><span class="s1">'<a
href="test/test.xsl">test/test.xsl</a>'</span><span class="s0">)
.toggleClass(</span><span class="s1">'clickable'</span><span class="s0">)</span><span class="s0">
.prepend(</span><span class="s1">'Still clickable <hr/>'</span><span class="s0">)</span><span class="s3">;</span>
</code></pre>
Look up the <a href="https://www.apifusion.com/wiki/index.php/XmlAspect.org/Xml4jQuery"><b>documentation</b></a>
for details and more use samples;
validate your supported browsers by running <a href="test/test.html">test</a>.
<fieldset>
<legend>Including into project </legend>
<code>xml4jquery.js</code> is distributed as <b><a href="https://www.npmjs.com/package/xml4jquery" >npm</a></b> module and is available on CDN to be included as
<pre><code>
<span class="s1"> <script </span><span class="s2">type=</span><span class="s3">"text/javascript" </span><span class="s2">src=</span><span
class="s3">"<a class="s3" href="https://cdn.xml4jquery.com/ajax/libs/xml4jquery/1.1.2/xml4jquery.js" >https://cdn.xml4jquery.com/ajax/libs/xml4jquery/1.1.2/xml4jquery.js</a>"</span><span class="s1">></script></span><span class="s0">
</span>
</code></pre>
</fieldset>
<fieldset>
<legend>Licensing</legend>
It is a free to use and distribute binary library. The license agreement is embedded into
<code>xml4jquery.js</code> file.
<p> If you are seeking for sources, it is easier to get open sourced AMD libraries
from <a href="https://github.com/amdharness/AmdHarness-amd-xml">AmdHarness-amd-xml</a></p>
<p> Commercial licence is available upon request to
<a href="mailto:support@simulationworks.com?subject=xml4jquery commercial licence">support@simulationworks.com</a>.</p>
</fieldset>
<fieldset>
<legend>Support</legend>
<b><a href="https://groups.google.com/d/forum/xml4jquery">Mail list</a></b> hosted by google groups<br/>
<b><a href="https://www.apifusion.com/wiki/index.php?title=XmlAspect.org/Xml4jQuery" >ApiFusion</a></b>
hosts all other aspects: documentation, wish list, public support, etc. <br/>
<b>Bug report</b> is hosted on <a href="https://github.com/XmlAspect/xml4jquery">github</a> <br/>
<b>Commercial</b> support is provided by <a href="http://simulationworks.com">Simulation Works, LLC</a> in USA time zone<br/>
</fieldset>
<fieldset>
<legend>Sample of rendered output by the code above</legend>
<div class="toFill clickable"></div>
</fieldset>
<hr/>
<footer class="copy">Made in USA. Copyright © Simulation Works, LLC 2014-2017</footer>
</body>
</html>