JavaScript Tutorial

Moving Text in TextBox using JavaScript in Bootstrap

Submitted by alpha_luna on
In this tutorial, we are going to learn how to create Moving Text in TextBox using JavaScript in Bootstrap. This simple project, text in a textbox that automatically scrolling in itself and it is created using JavaScript query and for the GUI using Bootstrap Template. You can use this simple project to catch the attention of the users while they visiting your site.

Random Order Content using JavaScript

Submitted by alpha_luna on
This project Random Order Content was created using HTML and JavaScript. This kind of system lets you shuffle the display order of your regular content on your page. Just wrap it with the participating contents each inside a
tags with a CSS class name, and this will scramble or will shuffle the order in which contents are shown on your page from top to bottom. Also, you can make a multiple "groups" of a random order content.

Bar Chart Plugin with jQuery

Submitted by alpha_luna on
This tutorial helps you make a Bar Chart Plugin with jQuery, I made a Chart that shows the percentage of different brands of Cellphones. I'm using jQuery and HTML/CSS to create this simple bar chart. Hope that this tutorial will help you a lot. You can also check the live demo of this simple tutorial, so you can get an idea and you can try this out, let's start coding.

Auto Suggest Dynamic Input Tag

Submitted by rinvizle on
In this tutorial we will show you a Auto Suggest Dynamic Input Tag in jQuery. Most of the social media's has a input tag's fields that are commonly used. This project has a autocomplete suggestions generated from the list of JSON queries and jQuery plugins. The system works with a predefined tags in the plugin to work. And for the tags to be work the database from the AJAX will pull and the results to display in the input tags form.

Multiple Select Plugin and Dynamic Autocomplete Part I

Submitted by alpha_luna on
We are going to create Multiple Select Plugin and Dynamic Autocomplete. We used the magicsearch jQuery plugin to complete this tutorial. This plugin is flexible into an input field which the user allows choosing a single or multiple items in a dropdown list when they type in the input field. This work similar to the autocompletes function and the tags plugins.

Draggable Timeline Panel using jQuery

Submitted by alpha_luna on
In this tutorial, we are going to create Draggable Timeline Panel using jQuery. If you have social networking sites project you can use this to have a draggable timeline panel. Facebook timeline is very common to us. The timeline style in Facebook is very much useful in terms of findings post content from the user based on the year posting. What if we are going to create a timeline but it is a draggable design and it can be dragged and dropped by the user?