بایگانی تگ: HTML

Creating a polaroid photo viewer with CSS3 and jQuery


ادامه مطلب

Displaying JQuery Progress using ASP.NET MVC with Ajax

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.


ادامه مطلب

JQuery AJAX with ASP.NET MVC


ادامه مطلب

How to Create a 3D Tag Cloud in jQuery

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


ادامه مطلب

tree view control with javascript

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


ادامه مطلب

9 Amazing Flash Sites

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.


ادامه مطلب

A jQuery inline form validation, because validation is a mess

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).

ادامه مطلب

How to Create A Simple Web-based Chat Application

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.


ادامه مطلب

13 Ways to Browser Test and Validate Your Work

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.


ادامه مطلب

TextBox Watermark Using JavaScript and CSS

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.


ادامه مطلب