Image Preview (Thumbnails) before uploading – jQuery

If you are creating an image uploader, you can provide thumbnail preview of currently selected images in file input field. We don’t need to upload entire file to server to do that. File API is supported by all modern browsers, we just need to take advantage of this feature, it provides us with information about files and allows to access their content.

Select All Text In Element on Click (JavaScript OR jQuery)

To select all text inside an element such as DIV, we can simply use JavaScript document.createRange() method to create a range, and than using range.selectNodeContents() we can set node range (start and end), after which use selection.addRange() to select the range of the element.

Ajax Contact Form with an Attachment (jQuery & PHP)

Today let’s create an Ajax based contact form, that will allow users to send attachments in email message. This tutorial has been updated recently and is based on my recent post here. I’ve added Ajax part to the the example here, it will send form data without refreshing the page.

Floating Ajax based Contact Form

Floating contact form is ideal solution if you want to let your visitors instantly contact you without having to go to contact page. In this tutorial I’ll be creating a floating contact form using CSS, jQuery and PHP, which will be positioned “fixed” on the right side of the page. The form can be toggle open or closed by clicking on the opener button.