Ajax based instant image upload

Image upload is simple to just select an image and click on the upload button that’s it. But it will be more effective when the selected image upload instanly means with out click on any upload button and you will see also the preview of that uploaded image.

All this will be more easy with ajax (asynchronous javaScript and xml) request. In this example we will use the ajax form plugin. I really thanks for this plugin because with the help of this plugin it will be more easy to make an ajax based instant image upload script.

Instant Image Upload

Read More

Get file extension with php

When we give permission to users to upload a file, then it is must to validate that file. And that validation is to get the extension of the file and check if the file extension is match with the related extesions or not. Here is a small function to get the file extesion with php.

Read More

Dynamic select box with php and jquery

Most of the websites and web-applications are developing in server scripting languages. And the GUI part are designed in jquery, css and html. For GUI designing purpose jquery is easy and light so that the website will open quickly.

We use jquery because it is the cross browser compatible, so that the GUI remain same in the modern browsers. Jquery also using to send back-end or to gathering the data from cross domain. In this example we use jquery for dynamic dependent select boxes so that the page will not refresh every time when the related data are loading.

Read More

Scale and rotate with webkit transition on mouse hover

This will works only for modern browsers such as Chrome(1.0), Firefox (4.0), Internet Explorer(10), Opera(10.5), Safari (3.2); It will not work for non-webkit browsers, means no scale and rotate effect is seen.

The example for the scale and rotate is here:
HTML

<div id="container">
<div id="selector" class="chkani">
<img src="player_play.png" />
</div>
</div>

 

now the CSS codes:
Read More

Create sticky footer with jquery and css

When we design a website that time we are not sure about the page height means how much long or short our page. In most of the cases we are trying to fill the page with more and more content so that the footer of the page appear always on the bottom of the page. But in some case we don’t have enough content to represent to the visitors and in that case the footer looks weird that attached with the content.

sticky footer
Read More