How to Install Bootstrap for Laravel using npm via Command Line in Linux Operating System

This is an article depicting the process of how to install bootstrap using an utility called ‘npm’. The utility itself which is claimed as Javascript Package Manager is actually take part for managing dependency available in a certain web-based application project such as Laravel. So, using npm to manage it, in the context of installing a Javascript additional module such as ‘bootstrap’, that role can be taken by executing a single command. But to execute the command further, the ‘npm’ utility need to be checked first whether or whether not it has already been installed. Below is the output of the ‘npm’ command executed :

Continue reading “How to Install Bootstrap for Laravel using npm via Command Line in Linux Operating System”

How to get Value of Input Type Field in JQuery

This is an article for discussing on how to get value of input type field in JQuery. The article is written specifically to describe on the title. After all, JQuery itself being a Javascript library can retrieve any values inserted in any types of input type HTML element. So, the following is the snippet code of HTML web page file declaring the necesssary definition for a text input type HTML with a submit button HTML element :

Continue reading “How to get Value of Input Type Field in JQuery”

How to Use JQuery using Example and Source Code

This is an article which is focus to discuss on how to use JQuery at the first place. JQuery needs to be prepared with some steps in order for the JQuery snippet code can be executed and it can be interpreted by the Web browser processed the web page file contained JQuery snippet code. Basically, JQuery is actually a Javascript library and it claims as a Javascript library which is used to simplify the Javascript usage.Before it can be used and it can processed, interpreted by the Web browser, below are those steps needed to be taken :

1. Download the JQuery library. It can be reached by visiting the JQuery official website in this following link.

2. Store the downloaded JQuery library in the exact location. Normally or usually, it is stored in a folder named ‘js’ placed in the root folder of the web application. For an example, it is shown below :

Continue reading “How to Use JQuery using Example and Source Code”

Remove and Add Label using JQuery

This is an article focus on the discussion of how to remove and add a label HTML element inside a div HTML element. There is some steps which is needed to be examine carefully when if it is not reviewed correctly, the label HTML element cannot be added to the div HTML element after removing another label HTML element. As an addition, the focus of the article is actually discussing on how to remove and add label using JQuery.

The scenario is displaying a label informing there is no record or data available. The record or data is related to the role of a user. Below is the code taken from the blade view template :

Continue reading “Remove and Add Label using JQuery”

How to Prevent Form submit using JQuery with example

This is an article which is written solely to discuss about the topic specified in the title. It is about how to prevent submit action which is triggered when a user is clicking the submit button. This event is the submit action triggered by a user clicking submit button and it can be prevented by using JQuery in the context of this article.

An example is given to give the overview of what is actually happened. In this context of article, the example is given in a web application powered by a Laravel framework. For instance, in a file representing the view which in this context it is a blade view template file where the snippet code is shown as follows :

Continue reading “How to Prevent Form submit using JQuery with example”

How to get the element type JQuery and print it

This is an article which is written and it is used for describing or explaining on how to get the element type of an already declared or defined HTML element in the web page using JQuery. After retrieving the element type it will be printed or presented in form of pop-up window. It is very simple for getting or retrieving the type of an already declared or defined in a HTML web-page. Below is an example which can be used to perform the scenario or to aim the purpose of getting or retrieving the element type of the already declared or defined HTML element :

Continue reading “How to get the element type JQuery and print it”