Browse DevX
Sign up for e-mail newsletters from DevX


Displaying XML Data Islands with JavaScript-6 : Page 6




Building the Right Environment to Support AI, Machine Learning and Deep Learning

Add Navigation Buttons
There's not much left to do. You'll need to add a script tag to the HTML document that references xmlNav.js:

<script src="xmlNav.js"> </script>

Finally, create the navigation buttons that use the xmlNav.js script:

<input type="button" value="|<" onClick="first()"></input> <input type="button" value="<" onClick="previous()"></input> <input type="button" value=">" onClick="next()"></input> <input type="button" value=">|" onClick="last()"></input>

As you've seen, creating and connecting to an XML data island is extremely simple. The results, however, are a powerful mechanism for data presentation. And that's the rub: the Employee Directory is a display-only mechanism. The data isn't updateable. However, this display-only solution is just the beginning. It's quite possible to create an application that lets viewers modify and save the XML data.

In next month's column, I'll discuss a mechanism to edit, add, and delete records by treating the data island as both an ADO record set and an XML DOM object. I'll also discuss a few ways you can save the updated data to a persistent store.

Tom Duffy , DevX's new JavaScript Pro, is an Associate Professor at Norwalk Community College, Norwalk, CT where he teaches Web Development and Java. Tom is also the Manager of the NCC Ventures Lab, the College's in-house Web design studio.
Comment and Contribute






(Maximum characters: 1200). You have 1200 characters left.



Thanks for your registration, follow us on our social networks to keep up-to-date