Ajax, Client-side Scripting, Custom Programming
When it comes to design of modern web-applications, Ajax is considered as a standard approach. Interactive solutions for lightboxes, form validation, navigation, search, tooltips and tables are developed using Ajax libraries and nifty Ajax scripts. Ajax is useful and powerful. However, when using Ajax, one should keep in mind its drawbacks in terms of usability and accessibility. With an extensive use of Ajax, you can easily confuse your visitors offering too much control and too many features.
..
Useful Ajax Scripts
Mocha UI
Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with <canvas> tag graphics.
An Accessible Slider
“Recently we designed and developed an interface that required a slider control, which allows users to choose one or a range of values on a continuum. Values on a slider can represent anything from hours on a clock to the volume on a music player to a complex, proprietary data set. In its simplest form, the slider is displayed as an axis of values with a handle to drag and select a value, or two handles for selecting a range.”
…
Full article: http://www.sinidaily.com/ajax-java/
License: Creative Commons License
Indexed in May 2008
Related Info Web
Ajax, Client-side Scripting, Custom Programming, Elements of a Web, Free for Web, Graphics
I was looking through some of my older posts tonight and realized my last post about AJAX galleries, slideshows and effects was from March 2006. Tonight I did a quick search through some of my sources to see what was new and exciting in the world of AJAX and Javascript image display and manipulation. Once again, below you’ll find a categorized list of all of the AJAX image solutions I’ve been able to find that were of some use.
..
Galleries
e2 AJAX Gallery
(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework..
..
Highslide
Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages..
…
Full article: http://www.maxkiesler.com
License: Creative Commons Attribution 2.5
Indexed in May 2008
Related Info Web
Ajax, Client-side Scripting, Custom Programming
This present articles does not present what AJAX is. You can find many articles on the web to present or how to use the technology. The aim of the articles is to present the different issues and solutions that you can have when you need to develop your own AJAX library or try to understand AJAX scripts. The article introduces different solution about the cross-browser instantiation of the XMLHttpRequest, how to handle responses and how to execute JavaScript sent in the response. It also presents non-obvious points about the object XMLHttpRequest.
..
AJAX nested into AJAX
If you need to create an XMLHttpRequest inside an XMLHttpRequest function, the reply will be lost because the variable referring to the XMLHttpRequest will be lost. The easy way to resolve this is to create in your library a function to store the XMLHttpRequest object. This function can be call in your embedded JavaScript.
var AJAX_Objects = new Array();
function registerAjaxObject(name, obj) {
AJAX_Objects[name] = obj;
}
Code in your embedded AJAX reply:
…
Full article: http://rabaix.net
License: Creative Commons Attribution 2.0 France
Indexed in May 2008
Related Info Web
Ajax, Client-side Scripting, Custom Programming
Introduction
Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed fancy-pants technology. In an effort to help you take it up a notch, we’d like to share a method for helping your site anticipate a user’s next move.
..
JSON
Before we get started on the paging, let’s take a quick look at JavaScript Object Notation, or JSON. JSON is a data interchange format, similar to XML, which is built using JavaScript. The easiest way to get your head around it is to imagine the format as a variable containing multiple arrays that can be nested endlessly. Implementing JSON in JavaScript is simple and the official documentation actually does a great job illustrating lots of examples.
…
Full article: http://particletree.com
License: Creative Commons
Indexed in May 2008
Related Info Web
Client-side Scripting, Custom Programming, Syndication
Using JavaScript only without any server-side script, you want to be able to display a RSS feed? Easy! (But it took me 3 hours of hacking.) First setup a web page like this (write your own HTML, this is only an example):
<html>
<head>
<title>JavaScript RSS Reader</title>
<script language="JavaScript" xsrc="rss.js"
mce_src="rss.js" ></script>
..
…
Full article: http://www.daniel-lemire.com
License: Creative Commons License
Indexed in May 2008
Related Info Web
Ajax, Client-side Scripting, Custom Programming, Web 2.0, Web Security
JavaScript is now main stream, thanks to the popularity and extensive acceptance of AJAX. In fact, AJAX is considered to be a core part of Web 2.0.
..
Security makes it difficult
Various new web frameworks have come up which allow easy AJAX integration and build sites quickly. However, if the different vulnerabilities are considered, it is not easy any more. Consider the cross-site scripting, cross-zone scripting or the new dangers of JavaScript.
…
Full article: http://ifacethoughts.net
Liense: Creative Commons
Indexed in May 2008
Related Info Web
Client-side Scripting, Custom Programming, Text and Font, Web Design
Webdesigners always have to make sure that they use a common font for their website, otherwise it’ll display incorrect on browser that don’t have the font installed. This can be really annoying if you want to use a nice custom font. You could load the font in Photoshop and save it as an image, but this isn’t dynamic and is not SEO. Here are two solutions on how to make dynamic custom fonts.
..
PHP Image Replacement
Original story at dezinerfolio.comAs you could see above, the dynamic text are all images. It uses PHP and JavaScript that replaces all the content in specified tags with images. For example, the dynamic tekst above uses the following code:
<script type="text/JavaScript" src="ifr.js"></script>
<h2 class="title">This is a dynamic custom font</h2>…
Full article: http://www.marcofolio.net
License: Creative Commons License
Indexed in May 2008
Related Info Web
Client-side Scripting, Custom Programming, Web Standards
Understanding the DOM
The Document Object Model ( or DOM for short ) arranges the HTML document in a tree heirachy with the HTML element being the topmost and all other elements being escendents. This model allows us to use javascript to access the different elements ( just think tags, like h1 or div ) and dynamically change the web page. This is commonly referred to as Dynamic HTML, or DHTML. To get a view of the DOM of a particular web page, if you are using Mozilla, just click on the Tools menu and then DOM Inspector..
..
Creating a hyperlink
Using a similar method we can dynamically create hyperlinks very easily. In this case we use the createElement() method to create a new <a> element.
Then using the setAttribute() method we add the title, class, and href. To display the text for the link we simply use createTextNode() as above and append this to the <a> element we just created, making the text node a child element of the link..
…
Full article: http://bobpeers.com/technical/dhtml2.php
License: Creative Commons License
Indexed in May 2008
Related Info Web
Client-side Scripting, Custom Programming, Syndication
JavaScript is a useful tool for syndicating content to other websites. For example, this page displays ads by Google using JavaScript. When you viewed this page, your browser fetched a script from Google then ran the script and displayed ads on the page.This article examines the pros and cons of JavaScript syndication, explains how to implement it, and demonstrates a technique using PHP to make it even easier.
…
Full article: http://www.barelyfitz.com/projects/jssyndicate/
License: Creative Commons License
Indexed in May 2008
Related Info Web
Client-side Scripting, Custom Programming
I’ve found the following rules over the years developing, teaching and implementing JavaScript in an unobtrusive manner. They have specifically been the outline of a workshop on unobtrusive JavaScript for the Paris Web conference 2007 in Paris, France.
I hope that they help you understand a bit why it is a good idea to plan and execute your JavaScript in this way. It has helped me deliver products faster, with much higher quality and a lot easier maintenance.
1. Do not make any assumptions (JavaScript, the unreliable helper)
..
2. Find your hooks and relationships (HTML, the base to build on)
Before you start your script look at the base that you build upon. If the HTML is unstructured or unknown there is hardly any way to create a clever scripting solution - you will most likely create either far too much markup with JavaScript or your application will depend on JavaScript..
…
Full article: http://icant.co.uk/articles/seven-rules-of-unobtrusive-javascript/
License: Creative Commons Licence
Indexed in May 2008
Related Info Web
