How To show POP-Up Dialog Box By Using Jquery On Button Click

Today I will expalian how to POP-Up a dialogbox or modal POP-Up window box on a button click by usign Jquery.Simple jquery modal popup window or  jquery modal dialog is used to show alerts messages, notifications, errors and many more.

Read More

How to Preview Uploaded Image before Upload To Server

Here i will explain how to preview the image file before uploaded to server. When we upload any image file to server or to any file location.It is not possible to find out the write selection you have choose which u want to upload to server. By this example we are able to preview the selected image file before upload and choose the correct selection which u want to upload.

Read More

3D Rotating Image Gallery & Retrive Image From Folder

Here i will explain how to Create a 3D rotated image gallery which fetch pictures from the folder and display in the web page. By using the Jquery And  CSS we can retrieve the images from the containing folder and add to the image gallery.

Read More

How To Bounce Left a div by Using jQuery plugin And use in Asp.Net.

Here i will explain how to move or bounce a particular division by using jquery.

Here i will use .velocity() function instead of $.animate() animation engine.

Velocity is a  animation engine that re-implements jQuery's $.animate() for better performance (making Velocity also faster than CSS animation libraries) while including new features to improve workflow.

• Download Velocity include it on your page, and replace all  instances of jQuery's $.animate() with $.velocity(). You will immediately see a performance boost across all browsers and devices — especially on mobile.

Read More

Multiple Files Upload By Using JQuery

How Upload Multiple Files By Help of JQuery

Source:

$("#multipleupload").uploadFile({

url:"http://hayageek.com/examples/jquery/ajax-multiple-file-upload/upload.php",

multiple:true,

fileName:"myfile"

});

Read More

File Upload By JQuery

How to start uploads with a button click

 we can start uploads files on the click of a button 

$(function () {

    $('#fileupload').fileupload({

        dataType: 'json',

        add: function (e, data) {

            data.context = $('<button/>').text('Upload')

                .appendTo(document.body)

                .click(function () {

                    data.context = $('<p/>').text('Uploading...').replaceAll($(this));

                    data.submit();

                });

        },

        done: function (e, data) {

            data.context.text('Upload finished.');

        }

    });

});

Read More