Subscribe
Tutorial search

JavaScript Efre Tutorials


Sort by:
Auto Refresh Div Every X Seconds
Auto Refresh Div Every X Seconds
Learn how to program an auto-refreshing div with Javascript and AJAX.
Difficulty:
Auto Save Form script
Auto Save Form script
This useful form script automatically saves the contents of a form periodically as the user types and recalls them in the event of an accidental page refresh or even browser closing. Similar to how GMail automatically saves the contents of your draft email, it's an excellent feature to add to forms that expect a lot of content and where losing them can cause a lot of grief for the user filling the form out.
Difficulty:
jQuery sort and saving to database
jQuery sort and saving to database
When we used to sort elements we had to refresh web page for every change. Since javasrcipt and jQuery we can now do that dynamiclly. In this tutorial I will show you just how to do that. It is even more useful when you combine with it databases in which order of elements is crucial. In our example following table with name jquerysort will be used:
Difficulty:
AJAX: Intro
AJAX: Intro
AJAX is one of the newest and post popular technologies. AJAX [Asynchronous JavaScript and XML] allows you to send a request to the server and view the results without having to refresh the page. This enables you to create a more "windows-like" applications. This tutorial will explain the basics of AJAX.
Difficulty:
Jquery switching between login and signup forms
Jquery switching between login and signup forms
Making jQuery switch or toggle between login and signup forms in a smoother way without page refresh.
Difficulty:
Dynamic portfolio page using JQuery and AJAX
Dynamic portfolio page using JQuery and AJAX
This tutorial demonstrates how to dynamically display different pieces in a portfolio without a page refresh. In it, there will be 11 portfolio pieces of which there are two groups : group 1 and group 2. Also, a jQuery lighbox will be used to display the enlarged portfolio pieces in an attractive manner.
Difficulty:
jQuery: post data without page refresh
jQuery: post data without page refresh
Post data with jQuery from form to php without page refresh.
Difficulty:
Dynamic wizard form using dhtml & javascript.
Dynamic wizard form using dhtml & javascript.
Using dynamic html & javascipt to add in or delete fields from a form without refreshing the whole page.
Difficulty:
Submit Text Field or textarea Values to the Server Without a Browser Refresh
Submit Text Field or textarea Values to the Server Without a Browser Refresh
Learn how to submit textvalues without a server refresh
Difficulty:
Automatic Ajax Loading Images With Prototype
Automatic Ajax Loading Images With Prototype
One of the benefits of using Ajax is that you don’t have to refresh the browser to update portions of a page. However the downside of this is if you have network lag for some reason, you could leave the user wondering if you application is working. It’s very frustrating to click on a button and have nothing happen. The obvious solution to this is my creating your own “loading…” image.
Difficulty:
Ajax page loading tutorial - Load pages without needing to refresh
Ajax page loading tutorial - Load pages without needing to refresh
Ajax page loading tutorial - Load pages without needing to refresh
Difficulty:
Refresh Button
Refresh Button
Refresh Button
Difficulty:
Automatic Refresh
Automatic Refresh
Ever wonder how web sites could say, "This page will refresh after every 60 seconds." Without having the surfer press refresh? Well, the answer is in Javascript!
Difficulty:
GWT Basics: AJAX Programming with JavaScript
GWT Basics: AJAX Programming with JavaScript
Prior to JavaScript and other client-side languages, Web browsers operated as if they were HTML dumb terminals, merely presenting Web pages generated on a server. For such pages, every user action requires a full page refresh, with a round-trip over the Internet, which degrades performance and thus user satisfaction. It may be fine for a great many Web sites, but it is completely inadequate for high-performance dynamic Web applications.
Difficulty:
Chatterbox
Chatterbox
This example shows how to use AJAX to implement a basic chat system on a website. It refreshes the chat transcript using AJAX to maintain a constantly updated view of the chat session.
Difficulty:
Search Term(s) (1): efre