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
Front End Technology Articles
Page 607 of 652
How 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 MoreHow to Dynamically Add/Remove Table Rows using jQuery?
In this article, we will learn how to dynamically add or remove table rows using jQuery, a popular JavaScript library, with the help of the click event listeners. Tables are a commonly used element in web development, especially when dealing with tabular data or dynamic content. Adding or removing table rows dynamically can be a powerful feature that allows users to interact with the data in real time. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we will have an HTML table element with some row data in it. ...
Read MoreHow to display the tag name of the clicked element using jQuery?
In this article, we will learn how to display the tag name of the clicked element using jQuery, and with the help of click event listeners. jQuery is a popular JavaScript library that makes it easy to manipulate HTML elements on a web page or listen to user actions like click events and do some operation based on that action.. Let’s understand how we can achieve the above with the help of some examples. Example 1 In this example, we will add a heading, some text, and a list of items to the HTML document. And to display the ...
Read More