Top

Follow me and receive all the latest free scripts:

By Email:

Categories
Most Popular Posts

TipoCode: coding tutorials, jQuery, Ajax, JavaScript, PHP...

Drag and Drop Multiple Files Upload with HTML5, jQuery & FormData

Published November 06, 2014 by , category HTML

HTML

Are you looking for jQuery / HTML5 Drag and Drop multiple file upload using FormData object? This tutorial is made for you!

Keep in mind that this simple HTML5 multiple files uploader is not supported by all browsers, so also plan a standard File Upload with a Form.

Drag and Drop Multiple Files Upload with HTML5, jQuery & FormData

➜ Continue reading "Drag and Drop Multiple Files Upload with HTML5, jQuery & FormData"

Youtube like voting system with jQuery, PHP and MySQL

Published November 03, 2014 by , category jQuery

jQuery

Here is a tutorial explaining how to create a cookie based Youtube like voting system using jQuery, PHP and MySQL. It's useful to allow users to vote for a page containing an article, a video, a photo, or any other media. It's a voting system similar to YouTube, with a like and dislike button, which can be applied to any content.

If you are interested in this tutorial, you may also be interested in my two previous one: the Dynamic Voting System with jQuery, PHP and MySQL and the jQuery Facebook Like System.

Check it out and enhance your website!

Youtube like voting system with jQuery, PHP and MySQL

➜ Continue reading "Youtube like voting system with jQuery, PHP and MySQL"

Draw a circle in CSS

Published November 01, 2014 by , category CSS

CSS

The round is a graphic element that regularly comes up in the web design. When we must incorporate the ideas of a designer, we often have to draw a circle with text in CSS.

Imagine you want to create a menu, made of circles, with different colors... I'll explain how to achieve this feat in CSS. Do not worry, it's quiet simple.

➜ Continue reading "Draw a circle in CSS"

Dynamic Voting System with jQuery, PHP and MySQL

Published October 31, 2014 by , category jQuery

jQuery

In this tutorial you will learn how to build a dynamic article voting system using jQuery, PHP and MySQL. This is the kind of voting system used by Stack Overflow website. You can vote one time per day for each article. A cookie prevents you to vote multiple times. In the demo the cookie will expire after one day, and then you can vote again.

This Stack Overflow voting system is very simple and easy to implement. Enjoy!

Dynamic Voting System with jQuery, PHP and MySQL

➜ Continue reading "Dynamic Voting System with jQuery, PHP and MySQL"

Ajax upload multiple images using PHP and jQuery

Published October 14, 2014 by , category jQuery

jQuery

In my previous tutorial I taught you about how to upload images using jQuery but it works for single image.

Now here is a tutorial showing you how to upload multiple images, without refreshing page, using jQuery and PHP.

Ajax upload multiple images using PHP and jQuery

➜ Continue reading "Ajax upload multiple images using PHP and jQuery"

Smiley insertion system using jQuery

Published October 13, 2014 by , category jQuery

jQuery

In this tutorial that I called “Replacing smiley BBCode in textarea using jQuery”, I will show you how to replace smileys (smilies) BBCode in a textarea by their corresponding icon with a simple jQuery code.

Text plus smilies BBCode inputted in the textarea will be returned as a string including your text plus smilies icons.

Smiley insertion system using jQuery

➜ Continue reading "Smiley insertion system using jQuery"

Simple textarea word and character counter using jQuery

Published October 12, 2014 by , category jQuery

jQuery

Do you want to count characters in a textarea? Or do you prefer count words in a textarea? This tutorial has been written for you. It’s simple, efficient, easy to adapt and implement, there is also a word limit and a character limit.

This jQuery code provides a character counter and / or word counter for any textarea, you can also use it for an input field. Check it out…with a demo!

Simple textarea word and character counter using jQuery

➜ Continue reading "Simple textarea word and character counter using jQuery"

Create Dynamic Tabs using jQuery & Bootstrap

Published October 11, 2014 by , category jQuery

jQuery

I think you may be very interested in this tutorial! I show a code example about to create a dynamic tab system with jQuery and Bootstrap. I already have some idea about how I will use it in some future projects.

Let me guide you and watch the demo...

Create Dynamic Tabs using jQuery & Bootstrap

➜ Continue reading "Create Dynamic Tabs using jQuery & Bootstrap"