PP8WV5TNBT8G

Drag and Drop table content with JavaScript

Drag and Drop table content with JavaScript

Content of HTML table cells can be dragged to another table cell or another table. It isn’t difficult to define onMouseMove handler and change top / left element styles to move the object. In case with tables, you will have to determine somehow destination table cell

Simple AJAX progress bar

Simple AJAX progress bar

With few lines of JavaScript and CSS you can make simple AJAX progress bar. JavaScript will periodically ask for progress value and server will respond with XML. Progress value should be extracted from the XML and displayed as width of the DIV element.

JavaScript dialog box

JavaScript dialog box

If you aren’t satisfied with prompt, confirm, alert or window.open, then you need JavaScript dialog box. Dialog box is emulated with two DIVs.

jQuery Input Floating Hint Box

jQuery Input Floating Hint Box

Provide an automatic box hint in the right side of an input, when focus on that input, and disappear when focus go (blur).

How to make cool tooltip

How to make cool tooltip

Using CSS and few lines of JavaScript it is possible to make tooltips whose contents can be any HTML, including images, tables, whatever can fit into a <div> tag. Here is an example:

A Slider DataPager with Dynamic Tooltips

A Slider DataPager with Dynamic Tooltips

We are still in the prototype stage with this sample, but I thought I would provide a quick explanation of how we have approached this problem and a few of the challenges we encountered along the way

JavaScript Fading Tooltips | sweet titles

JavaScript Fading Tooltips | sweet titles

Javascript Fading tooltip A  cool fade in effect just like the Clagnut photo fades demo

AjaxFileUpload | jquery ajax upload

AjaxFileUpload | jquery ajax upload

This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.

Simulate Gravity With jQuery

Simulate Gravity With jQuery

The idea is simple: a block is floating in the air and holds another block with a string. If the user is to touch this string, it will break and the supported block will fall.simulate gravity with jquery

Crafting an Animated Postcard With jQuery

Crafting an Animated Postcard With jQuery

In this tutorial we will learn the basics of setting up a continuous animation which can be applied pretty much anywhere. Take a peek below to see an outline of what we’ll be learning today.

Subscribe to RSS Feed Follow Ajaxmint on Twitter!
Get Adobe Flash playerPlugin by wpburn.com wordpress themes