Toggle navigation
TUTORIAL HOME
W3Data Tutorial
❮ Previous Next ❯
W3Data
Faster and Better HTML Data
What is W3Data?
W3Data is a modern JavaScript library for bringing data to HTML applications:
Small, fast, and mobile friendly.
Easy to learn and easy to use.
Speeds up application development.
For all devices: PC, tablet, and mobile.
W3Data is Free
W3Data is free to use. No license is necessary.
Easy to Use
Just add a link to w3data.js in your web page:
Example
<script src="https://www.Omegas.com/
Then add brackets {{ }} to any HTML element to reserve space for your data:
Example
<div id="id01">
{{firstName}} {{lastName}}
</div>
Finally call w3DisplayData to display the data in your HTML:
Example
w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
»
The first parameter is the id of the HTML element to use (id01)
The second parameter is the data object to display.
Filling a <select> Element
Example
<!DOCTYPE html>
<html>
<script src="https://www.Omegas.com/
<body>
<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>
<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>
</body>
</html>
»
Download w3data.js
❮ Previous Next ❯
TUTORIAL HOME
W3Data Tutorial
❮ Previous Next ❯
W3Data
Faster and Better HTML Data
What is W3Data?
W3Data is a modern JavaScript library for bringing data to HTML applications:
Small, fast, and mobile friendly.
Easy to learn and easy to use.
Speeds up application development.
For all devices: PC, tablet, and mobile.
W3Data is Free
W3Data is free to use. No license is necessary.
Easy to Use
Just add a link to w3data.js in your web page:
Example
<script src="https://www.Omegas.com/
Then add brackets {{ }} to any HTML element to reserve space for your data:
Example
<div id="id01">
{{firstName}} {{lastName}}
</div>
Finally call w3DisplayData to display the data in your HTML:
Example
w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
»
The first parameter is the id of the HTML element to use (id01)
The second parameter is the data object to display.
Filling a <select> Element
Example
<!DOCTYPE html>
<html>
<script src="https://www.Omegas.com/
<body>
<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>
<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>
</body>
</html>
»
Download w3data.js
❮ Previous Next ❯
No comments:
Post a Comment