Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by Shubham Vora
Page 61 of 80
How to reset selected value to default using jQuery?
While creating the web page, developers may require to reset the selected option for the dropdown menu. For example, we added the dropdown menu in the form allowing users to select any option. Once users submit the form, we require to reset the dropdown menu options using JavaScript or Jquery. In this tutorial, we will learn different approaches to resetting the selected value of the dropdown menu to default using Jquery. Using the prop() method The first approach uses the prop() method of Jquery. It allows us to reset the value of any property. Here, we can reset the value ...
Read MoreHow to remove global CSS file from a particular page using jQuery?
Programmers require to use CSS while developing the web page to style the web page and make it attractive. We can add CSS to the web page in three ways: inline CSS, Internal CSS, and external CSS. To apply external CSS, we can import the CSS file in the tag using the tag. The external CSS file can also be a global CSS file. Sometimes, we require to remove the global CSS file from a particular web page. For example, you allow your web app users to switch between multiple themes, and when users switch the theme, ...
Read MoreHow to prevent Body from scrolling when a modal is opened using jQuery?
A modal is a special user interface that we show on top of all the content of the web page. It is used to show some special information on the web page or move users out from the regular flow of the web page. For example, you may have seen on many websites that subscribe popup box appears on the web page saying to enter your email address to subscribe to the newsletter. Also, the alert box is modal, which doesn’t allow you to interact with the web page content until you close the modal. So, when we show users ...
Read MoreMovie Web Application with ReactJS
Nowadays, OTT platforms are becoming more popular, and people are buying subscriptions to various OTT platforms to watch movies, TV shows, or services. Maybe, you can also start any OTT application. In this tutorial, we will learn to create a movie web application using React JS. However, We will learn to write only the basic code of movie applications. If users want, they can start with the below code and make improvements to create an advanced version of the movie web application. Users should follow the steps below to start with the movie web application. Step 1 − In ...
Read MorejQuery lose focus event
The jQuery allows developers to write readable code than JavaScript. We can decrease the 10’s of lines of JavaScript code into the 3 to 4 lines using jQuery. Sometimes, we need to use jQuery to perform some operation whenever an element loses focus. We can use jQuery's focusOut() and blur() methods to trigger the loose focus event. Mainly, developers require to use it with the inputs, checkboxes, radio buttons, etc., to give the validation feedback to the users once a user completes the input. Generally, we use the focusout() and blur() methods with the focus() method, which focuses on the ...
Read MorejQuery Jcrop Plugin
Jquery contains various plugins providing different functionalities, like the NPM package, and Jcrop is one of them. The Jcrop plugin allows developers to add functionalities related to image cropping in the application. Sometimes, we require to allow users to crop images. For example, if we build an extension or application that takes a screenshot of a selected portion, we require users to choose the screen portion and take screenshots. The Jcrop plugin allows users to select an element and crop it. Also, we can use parameters with the Jcrop plugin to customize the cropping functionality. Syntax Users can follow the ...
Read MorejQuery BlockUI Plugin
Nowadays, asynchronous JavaScript is becoming more popular as we don’t require to reload the web page to update the data of the web page. We can use the AJAX request to fetch data from the database and update it on the web page without reloading it. However, it always takes some minimal time to update the data, which can be either in milliseconds or seconds. It can be irritating for users to see the app is updating data, and users can think that the app is hanging while the app is fetching the data. So, In such cases, we can ...
Read MoreHow to Configure Socket.IO with Demo-Chat App in Node.js?
Socket.io is a popular JavaScript library that allows us to communicate between the server and the client. We can create an instance of socket.io on the client and server sides and listen to or emit the events from both sides. Also, we can listen to the event emitted from the server on multiple web clients. In real-time, we can use the socket.io library to create chat applications and online games requiring bi-direction communication. For example, if you have observed while playing chess or Ludo, it allows us to talk with our opponent. In this tutorial, we will learn to configure ...
Read MoreFixed Options in Searchbox in ReactJS
Sometimes, developers require to add the fixed options in the search box while creating the search bar. For example, you are developing a web application containing different web pages related to cars, bikes, other vehicles, etc. Also, you require to add a search bar on every web page. So, you may be required to add the fix tags like car, bike, or some car or bike brands as fixed tag in the search bar to highlight. In this tutorial, we will learn to add fixed options in search box in ReactJS using the AutoComplete component of the Material UI library. ...
Read MoreWhy big tag is not in HTML5 while small tag exists?
In HTML 4, the and tags were included, but in HTML 5, only the tag exists as the tag is removed by developers. Why tag exists but not tag in the HTML 5 The tag was useful to make the font size bigger than the normal fonts. For example, if the default font size in the browser is small, the big tag makes it medium. The tag is used to make a font size smaller than the normal fonts. If the default font size is medium in the browser, the ...
Read More