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
Web Development Articles
Page 758 of 801
How to Enable/Disable Buttons using jQuery?
In addition to event handling, CSS animation, and Ajax, jQuery is a lightweight JavaScript framework intended to make it easier to traverse and manipulate the HTML DOM tree. It is renowned for following the "write less, do more" adage. Developers use a variety of tools and features with jQuery to alter HTML files, handle AJAX calls, manage events, and create animations. We will use the prop() function and the attr() function to enable or disable the button in JQuery. Approach −1 : Enable the button when a condition is fulfilled In this example, we will see how to enable the ...
Read MoreHow to Enable a jQuery UI Menu ?
Jquery is a fast and simple Javascript library which is used to make a client−side through HTML, It simplifies some of the Javascript functions like, DOM Manipulation, traversal, Event Handling and AJAX calls. This also has Cross−Browser compatibility. What is a jQuery UI menu? jQuery UI menu is Component built on the core of jQuery UI which is used to create drop−down menus and other navigation menu options. These menus can be accessed by mouse pointer as well as keyboard clicks. This also allows the developers to create menus and apply customs styles and themes. These menus ...
Read MoreHow to handle multiple rows selection using jQuery DataTables plugin?
Handling multiple rows selection in jQuery DataTables adds a powerful and intuitive interaction feature to your data tables. Whether you need to perform bulk actions, manipulate selected data, or simply provide a more user-friendly experience, the ability to select multiple rows simultaneously is invaluable. In this blog post, we will explore how to handle multiple rows selection using the jQuery DataTables plugin. We will delve into the configuration options, event handling techniques, and customization possibilities that allow you to seamlessly incorporate this functionality into your web applications. By the end of this article, you will have a solid understanding of ...
Read MoreHow to handle events using jQuery DataTables plugin?
jQuery DataTables is a powerful plugin that provides advanced features for displaying and manipulating tabular data on the web. It offers a rich set of functionalities, including sorting, searching, pagination, and more. While DataTables simplifies the process of creating dynamic tables, effectively handling events within these tables is crucial to enhance user interactions and customize behavior. In this blog post, we will explore how to handle events using the jQuery DataTables plugin. We'll dive into both basic and advanced event handling techniques that will enable you to respond to user actions, perform custom operations, and create interactive data tables. Setting ...
Read MoreHow to group header content of a table using HTML5?
When displaying data in an HTML table, it is often useful to group the header content of the table to provide more context to the data being displayed. Grouping header content can make it easier for users to understand the relationships between the data and to identify patterns or trends. In this article, we'll discuss several methods for grouping header content in an HTML table using HTML5. Method 1: Using the and Elements The most straightforward way to group header content in an HTML table is to use the and elements. The element is used ...
Read MoreHow to get_set elements containing the closest parent element matches the specified selector using jQuery?
Manipulating the DOM is an essential part of web development, and jQuery is a popular library that makes it easy to traverse the HTML DOM tree and select or modify elements based on their relationship with other elements. In this blog post, we will explore how to use jQuery to get or set elements based on their closest parent element that matches the specified selector. Using the Closest() Method The closest() method in jQuery is used to get the first element that matches the specified selector, searching through the element itself and its ancestors in the DOM tree. Here's an ...
Read MoreAlternative to iFrames in HTML5
The HTML tag specifies an inline frame (container). This inline frame is used to embed another document within the current HTML document. The "srcdoc" attribute of the tag is used to specify the HTML content of the page to be displayed in the . HTML Tag The alternative tag to iframe in HTML is tag. It is similar to the iframe tag which defines a container for external resources such as a picture, a webpage, a media player, or a plug-in application. Following are the attributes of the HTML tag − height − ...
Read MoreHow to Create a Video Loop in the Video.js Player?
Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js, any part of an HTML video player can be configured as per your liking. For the purpose of this tutorial, we're going to create a video loop in a video.js player i.e., playing the video in a loop repeatedly. Usually looping, a video is done by playing the video again ...
Read MoreHow to set up a video.js player in Android?
In this tutorial, we're going to learn how to set up a video.js player on an android device. Video.js is a web video player library that is utilized for creating modern-looking video players. One of the great things about video.js is that it supports a wide range of display sizes like desktops, laptops, mobiles, etc. Also, it supports a plethora of video formats be it standard or modern like mp4, Flv, YouTube, etc. For the purpose of this tutorial, we're going to learn how to set up a video.js player on an android device. Sometimes the video player created using ...
Read MoreHow to dynamically get the content height of a div using AngularJS?
In this article, we will explore how to dynamically get the content height of a HTML element using AngularJS, using its getContentHeight() function. In web development, there are often situations where we need to dynamically determine the height of a element based on its content. We can easily implement it with the help of AnguarlJS, a popular javascript framework, and the various utility functions provided by it. Let’s understand how to implement the above with the help of some examples. Example 1 In this example, we will add an ng-init="getContentHeight()" to the element, which calls the getContentHeight() ...
Read More