Era of using code from other

I used to search for the code for pagination, tabs, popup, scroll and so on activities but when i read the jquery then i started to search for the .js files not the code and jQuery implementation techniques as jQuery is a collection of the javascript libraries which allow developers and web designers to extend web page interactivity and usability by employing a framework of commonly used javascript functions built with native javascripts primitivies.

To make popup windows with the jquery:

jQuery Popup Window Plugin

A super simple jQuery plugin for popup windows. Tested in IE7+, FF, Safari and Chrome.

Installation

https://github.com/mkdynamic/jquery-popupwindow/blob/master/jquery.popupwindow.js

Download the jquery.popupwindow.js file to your project, and add to your page after including jQuery:

&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="jquery.popupwindow.js" type="text/javascript"&gt;&lt;/script&gt;

1 2	<script src="jquery.js" type="text/javascript"></script> <script src="jquery.popupwindow.js" type="text/javascript"></script>

Checkout this example.

Basic Usage

To open a popup window:

$.popupWindow('http://google.com');

1	$.popupWindow('http://google.com');

By default this will open a 500×500 pixel window which is auto-centered and has minimal chrome.

For more examples and work outs visit http://swip.codylindley.com/popupWindowDemo.html

Options

Here’s an example showing the full list of the options you can set:

$.popupWindow('http://google.com', {
    height: 300,
    width: 200,
    toolbar: false,
    scrollbars: false, // safari always adds scrollbars
    status: false,
    resizable: true,
    left: 100,
    top: 100,
    center: false, // auto-center
    createNew: true, // open a new window, or re-use existing popup
    location: false,
    menubar: false,
    onUnload: function() { // callback when window closes
        alert('Window closed!');
    }
});

$.popupWindow('http://google.com', {

height: 300,

width: 200,

toolbar: false,

scrollbars: false, // safari always adds scrollbars

status: false,

resizable: true,

left: 100,

top: 100,

center: false, // auto-center

createNew: true, // open a new window, or re-use existing popup

location: false,

menubar: false,

onUnload: function() { // callback when window closes

alert('Window closed!');

}

});

========================================
File uploading with the use of Jquery

http://blueimp.github.com/jQuery-File-Upload/

Read the following documentation you will be expert on uploading the files easily with simple codes.

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

What you have to do is include the jquery file and jquery.fileupload.js and provide the options given in the documentation and you will be able to upload the files easily with new look and user friendly interface to the website.

Other options for file uploading

Other options for file uploading is to use the http://www.uploadify.com/download/ download the files go to the documentation at http://www.uploadify.com/documentation/ and see demos at http://www.uploadify.com/demos/

========================================

scroll.js

scroll.js is a small, cross-browser JavaScript library that can be used in web applications to manage the browser’s scroll event.

DOWNLOAD

https://github.com/dbabaioff/scroll.js/blob/master/scroll.js

DOCUMENTATION

https://github.com/dbabaioff/scroll.js#readme

Usage

Load jQuery and the scroll.js:

<code>&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="scroll.js" type="text/javascript"&gt;&lt;/script&gt; </code>

1	<code><script src="jquery.js" type="text/javascript"></script> <script src="scroll.js" type="text/javascript"></script> </code>

Scroll.add('scroll_1', function() {
    ...
})
.add('scroll_2', function() {
    ...
})
.off('scroll_1')
.on('scroll_1')
.remove('scroll_2');

Scroll.add('scroll_1', function() {

...

})

.add('scroll_2', function() {

...

})

.off('scroll_1')

.on('scroll_1')

.remove('scroll_2');

=====================================

1	=====================================

File Upload API and an additional plugin, file upload jquery, file upload api, example of jquery file upload, example with code description of jquery file upload, download the jquery files, free jquery files support, free jquery codes collection, scrolling div with jquery, easy scrolling code