Displaying JQuery Progress using ASP.NET MVC with Ajax

October 2nd, 2009 by payam

JQuery is a lightweight JavaScript library and can be downloaded from http://www.jquery.com. The jQuery library is also included in the Scripts folder of the Visual Studio ASP.NET MVC template.

Read the rest of this entry »

Posted in Scripts | No Comments »

How to Create a 3D Tag Cloud in jQuery

September 23rd, 2009 by payam

With browsers rendering JavaScript faster than ever before, it’s a great opportunity to get creative with jQuery.  This tutorial will show how to create a scrolling 3D tag cloud…it’s not as difficult as you might think.

3D Tag Clouds..Oh My

What exactly will we be building?  It’s somewhat like a carousel, but we’re going to have the take fade off into the distance like the lone ranger at the end of cheesy “B” western flick….very dramatic.

We’re also going to have our tag cloud interact with the users mouse.  The further the mouse is away from the center, the faster it will rotate.

3d tag cloud

Read the rest of this entry »

Posted in Scripts | No Comments »

tree view control with javascript

September 10th, 2009 by payam

The treeview control is written in pure dhtml/javascript and works without installation of any plugins, java code etc. It is often used as “Checkbox Tree”.

Screenshots and Examples:

a standard tree tree using built in checkbox system tree using built in radio button
tree component using custom images and styles tree widget using custom images javascript tree using drag and drop

Read the rest of this entry »

Posted in Scripts | No Comments »

9 Amazing Flash Sites

September 1st, 2009 by payam

Do you feel having an adventure, playing an interactive game, or feeling on taking a trip to the moon, then you are in the right place. This is a list of amazing and cool flash websites compiled for this month. Enjoy.

Read the rest of this entry »

Posted in Graphic | No Comments »

A jQuery inline form validation, because validation is a mess

August 30th, 2009 by payam

When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

When you submit a form, it will look for inputs with predefined class selectors, and validate them accordingly to their type. It also does on the fly validation when you click outside of the input. When validating on submit , every errors will appear in absolute position above the input in question, and slide the scroll bar to this first error (diminish your browser window if you don’t see the effect).
Read the rest of this entry »

Posted in Scripts | No Comments »

How to Create A Simple Web-based Chat Application

August 1st, 2009 by payam

Create A Simple Web-based Chat ApplicationIn this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website.

Read the rest of this entry »

Posted in Scripts | No Comments »

13 Ways to Browser Test and Validate Your Work

August 1st, 2009 by payam

Every day, when reviewing templates on ThemeForest, I test the submissions for validation and browser compatibility – not to mention my own work as well. Over time, I’ve scrounged the web for the best validation and browser compatibility testing tools around. Here’s my favorites.

Read the rest of this entry »

Posted in Scripts | No Comments »

TextBox Watermark Using JavaScript and CSS

June 5th, 2009 by payam

Introduction

In this article, I will explain how water mark textbox using javaScript and CSS.It is very usefull and use less resourse compare to AJAX.

Overview

Java Script is used to implement Text Box ‘onfocus’ and ‘onblur’ event and CSS is used to decorate Text Box.

Using the code

a.Bind the ‘onfus ‘event to remove watermark and the ‘onblur’ event to decorate text box as watermark.

Read the rest of this entry »

Posted in Scripts | No Comments »

« Previous Entries