JavaScript

ReactJS 16 structured App and Bootstrap 4

Submitted by klevis on
This app is a starter for React js 16 with a nice structure and bootstrap 4, i dint use webpack config or gulp or grunt for deploy but just react scripts. Setup: Download the code and extract got to directory and install the packages npm install --> install all npm modules npm start --> start the project This app use the react scripts for deploy. For more details go to my repository https://github

How to Add Class to a Div using JQuery

Submitted by nurhodelta_17 on
In this tutorial, I'm going to show you how to add and remove class to a div using jQuery. I've created three buttons each assigned a jQuery function. To start with, be sure to include jQuery on your file in order for the code to work.

Creating our Sample

We create our sample by creating three styles with assigned class each. We name this as "index.php".

How to Show/Hide Div Tag and Set Time out using JQuery

Submitted by nurhodelta_17 on
In this tutorial, I'm going to show you how to show/hide an area in the page without reloading the whole page using JQuery. I've also included in this tutorial a sample loader and a time out for the loader. Be sure to download the included sample gif and sample jquery.

Creating our Page

We create our page that includes our jquery. To create the page, open your HTML editor and paste the code below.

Simple Carousel using Bootstrap/Javascript

Submitted by nurhodelta_17 on
This tutorial will show you how to create a simple carousel using Bootstrap and Javascript. In this tutorial, I've prepared sample pictures that we are going to use in our carousel. To start with, let's create our slide page. This is the page that will show our images in a slider. Also included on the page, are the scripts used to make the slider. To create the page, open your HTML code editor and

Simple Animated Text Using HTML/jQuery

Submitted by razormist on
In this tutorial we will create a Simple Animated Text Using jQuery. The jQuery is a fast, reliable kind of cross-platform javascript library. It is designed to simplify the traditional way of coding in javascript. So let's now do the coding. Creating the Mark Up To display the animated text will need to create the mark up language, to do that open any kind of text editor(notepad++, etc).