Category: 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”

JQuery Error Message $ is not defined in Laravel blade view template

This is an article written in order to explain on solving an error message popped in a plugin added or installed in a Web Browser specific which in this context is Mozilla Firefox. It is an error presented in a plugin named Firebug. The plugin itself added or installed for debugging and detecting client-side scripting such as Javascript which is JQuery as one of them. It can be shown in the following image :

Continue reading “JQuery Error Message $ is not defined in Laravel blade view template”

How to add JQuery in Laravel blade view template

This is an article which is written to show how to add JQuery in a web-based application based powered by Laravel framework. Laravel framework which is actually using PHP as the base of its programming language. Another thing which is considered as an important thing included in a Laravel framework powering the web-based application is the usage of JQuery library. Whenever the web-based application needs a Javascript for client-side scripting, JQuery is one of the alternative available to provide Javascript library to enrich the web-based application itself. So, in this article, there are few steps need to be taken so that JQuery can be available to be used in a Laravel blade view template file :

Continue reading “How to add JQuery in Laravel blade view template”

JQuery Error Message $ is not defined

This is article which is specifically discuss an error message stated in the title of the article. The error stated is a JQuery error message : ‘$ is not defined’. The error message itself can be seen in the following image :

JQuery Error Message $ is not defined

Continue reading “JQuery Error Message $ is not defined”

Remove list item and add to select option using JQuery

This article is written with the purpose of describing how to do as specify in the title of this article which is to remove list item HTML element and then add another HTML element in form of option HTML element using JQuery. The option HTML element will have the attribute and label as possessed or owned by the previous list item HTML element which has already been removed previously.

So, in term of sequence activity taken to aim the scenario described in the first paragraph, below are the steps taken :

Continue reading “Remove list item and add to select option using JQuery”

Remove list item HTML element using JQuery

In this article, as shown in the title of this article, ‘Remove list item HTML element using JQuery’, it is specifically written to describe the process on how to remove a HTML element called list item using JQuery. A specific line of snippet code made and inserted in the web page which is made as an example to demonstrate how to remove list item HTML element using JQuery is shown as follows :

Continue reading “Remove list item HTML element using JQuery”