Front End Technology Articles

Page 612 of 652

How to reset selected value to default using jQuery?

Shubham Vora
Shubham Vora
Updated on 17-May-2023 17K+ Views

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 More

How to remove global CSS file from a particular page using jQuery?

Shubham Vora
Shubham Vora
Updated on 17-May-2023 2K+ Views

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 More

How to prevent Body from scrolling when a modal is opened using jQuery?

Shubham Vora
Shubham Vora
Updated on 17-May-2023 25K+ Views

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 More

How to display video control in HTML5?

Tapas Kumar Ghosh
Tapas Kumar Ghosh
Updated on 15-May-2023 531 Views

HTML has embed, object, and iframe tags to display the video control in HTML5. Sometimes we would like to watch a video and pause the video with the stop button but we don’t know what exactly happens to it. The boolean attribute is defined as controls and the attribute includes play, pause, volume, track, fullscreen mode, and subtitle ON/OFF. Visual Representation Syntax The following syntax is used in the examples are − The video element is used to display the video in an HTML document. The source element has src attribute that allows the user ...

Read More

How to disable the drop-down list in HTML5?

Tapas Kumar Ghosh
Tapas Kumar Ghosh
Updated on 15-May-2023 2K+ Views

The drop-down list defines the list of available options selected by the users. We visit many websites in our day-to-day work and on those web pages we will find various options in the drop-down list in one or more navigation to access that particular webpage. For example- Drop-down menus on large websites can help users save time by letting them skip one or two levels to the information they are looking for. The example used in this article will explain to create an HTML5 code that will disable such types of drop down list. Visual Representation Syntax …… ...

Read More

How to display incorrect content using HTML5?

Tapas Kumar Ghosh
Tapas Kumar Ghosh
Updated on 15-May-2023 199 Views

In HTML we have two elements i.e. s and del to display the incorrect content. There is no experimental difference between the ‘s’ and ‘del’ tags and also there is no proof that search engines take any action on these elements. For Example Let’s say there are two sentences to see the difference between an incorrect sentence vs correct sentence. The correct sentence is the same as of normal text whereas the incorrect sentence is marked by a black strike-through line. Syntax The tag represents the strike-through or line-trough text i.e. no longer correct or precise. ...

Read More

Print all possible joints of a Trie constructed from a given list of string

Tapas Kumar Ghosh
Tapas Kumar Ghosh
Updated on 15-May-2023 461 Views

In C++, the trie has an advanced data structure that is used for storing the collection of trees. The word tries came from the word retrieval and it is known as a digital tree or prefix tree. Let’s take an example of all possible joint by taking a given list of strings. We are defining the string input as {“tutor”, “true”, “tuo”} We can observe that the different string of characters is connected to the single string of the character. So here t and u are the list of characters in the string that joints all possible strings. In ...

Read More

Why SASS is considered better than LESS?

Rushi Javiya
Rushi Javiya
Updated on 11-May-2023 320 Views

SASS and LESS are CSS preprocessor languages that help developers write CSS more quickly, reduce code duplication, and create modular stylesheets. Instead of writing repetitive code for each property, Sass and Less allow us to define variables for values like colors, font sizes, and other properties, which can be easily reused throughout our stylesheets. This makes updating styles across a project easier and maintains consistency throughout our design. However, Sass is considered better than Less for several reasons. Let’s understand the features and functionality of both of them. So that you can get more clearance about these preprocessor languages and ...

Read More

How to select values from a JSON object using jQuery?

Tarun Singh
Tarun Singh
Updated on 10-May-2023 6K+ Views

JSON or JavaScript Object Notation is a lightweight format used for data interchange between web applications and servers. It provides a simple and easy-to-read structure that can be parsed and generated easily by machines. JSON is often used as an alternative to XML because it is more compact and easier to work with. In this article, we see how to select values from a JSON object using jQuery with different approaches. What is a JSON object? A JSON object consists of a collection of key-value pairs separated by colons. Here keys are known as strings and the values are of ...

Read More

How to scroll the page up or down using anchor element in jQuery?

Tarun Singh
Tarun Singh
Updated on 10-May-2023 4K+ Views

jQuery is a popular JavaScript library that simplifies the process of manipulating HTML documents, handling events, and creating animations. In this article, we'll see how to scroll the page up or down using the anchor elements in jQuery. We sometimes encounter large content pages on websites and to go to a specific section, we want to perform the scrolling in the page up or down. To solve this problem, there are several ways to achieve this, but using anchor elements is one of the easiest and most straightforward methods. Apart from this, we’ll see the scrollTop and animate to perform ...

Read More
Showing 6111–6120 of 6,519 articles
« Prev 1 610 611 612 613 614 652 Next »
Advertisements