Pass Data into a Bootstrap Modal

Mohit Panchasara
Updated on 26-Jul-2023 12:45:21

5K+ Views

Bootstrap is a CSS framework allowing developers to style HTML elements without writing any CSS code. We can use pre-defined classes of Bootstrap with HTML elements to style them. The Bootstrap also contains the modal. The simple meaning of the modal is the pop-up box. For example, an alert box, payment box, etc. In this tutorial, we will learn to add data to the bootstrap modal using JavaScript or JQuery. One scenario when we require to add data to the bootstrap modal is that we allow users to select any product. After that, we need to open a payment modal ... Read More

HTML Width & Height Attribute vs CSS Width & Height Property

Mohit Panchasara
Updated on 26-Jul-2023 12:40:47

504 Views

While developing web pages, many times, developers require to manage the size of different HTML elements such as image, div element, span element, etc. Developers can use the width and height CSS properties or HTML attributes to manipulate the dimensions of a particular element. In this tutorial, we will see the difference between the width/height HTML attribute and CSS properties. Width and Height HTML Attributes The width/height attributes in HTML are used for the presentation. It takes the width and height values in the ‘px’, ‘%’, etc. units but not in ‘rem’ units. Also, if we don’t define the unit ... Read More

Record and Play Audio in JavaScript

Mohit Panchasara
Updated on 26-Jul-2023 12:38:11

5K+ Views

Are you also willing to add a custom audio recording feature to your web application? If yes, you are in the right place, as we will learn to record and play audio using JavaScript in this tutorial. Some applications like Discord allow you to record the audio and store it inside that to play it anytime. The recorded audio can also be used as a meme for fun, alerts in the discord meetings, etc. We can also use the mediaRecorder API of JavaScript to add the recording audio feature to our web application. Here, we will learn a step-by-step guide ... Read More

Put Text Inside a Created Icon

Mohit Panchasara
Updated on 26-Jul-2023 12:36:34

830 Views

Sometimes, developers require to put the text in the icons. For example, adding the total number of likes inside the ‘like’ icon makes UI better, adding a comment inside the comment icon, showing a particular number in any icon, etc. In HTML, we can add the text and icon both separately. After that, we can set the position of the text to place them in the middle of the icon. In this tutorial, we will learn different examples of putting the text inside a created icon. Syntax Users can follow the syntax below to set the position of the text ... Read More

Simplifying Network Tasks in Python using Paramiko and Netmiko

Prince Yadav
Updated on 26-Jul-2023 12:35:53

1K+ Views

In today's interconnected world, computer networks play a vital role in facilitating communication and data exchange. As networks grow in complexity, managing and automating network tasks become increasingly important. Python, with its simplicity and versatility, has emerged as a powerful programming language for network automation. In this article, we will explore two popular Python libraries, Paramiko and Netmiko, that simplify network tasks and enable efficient network automation. Understanding Paramiko To automate and simplify secure network device communication using the SSH protocol, the Paramiko Python library was developed. For interacting with network hardware, it provides a high−level API that makes it ... Read More

Print a Page Using jQuery

Mohit Panchasara
Updated on 26-Jul-2023 12:35:20

5K+ Views

Allowing users to print the web page can be a great feature in many scenarios. For example, users can print the invoice, the whole article if they are on the web page containing the blog, some important data, etc. The JQuery contains the print() method allowing us to print the HTML content of the web page by adding it into the pdf format. It opens the print pop-up, and when the user clicks the print button, it starts printing the page if the printer is connected. Otherwise, it saves the data in the local computer in the pdf file format. ... Read More

Move CMD Command

Diksha Patro
Updated on 26-Jul-2023 12:33:54

2K+ Views

Introduction The "move" control in Microsoft Windows the Command Prompt can be helpful for moving archives or files from a single spot to a different one. This serves as a simple yet strong control that is able to be utilized to organize and handle your documents and folders as well. The basic syntax associated with the "move" control is the command itself accompanied by the location of the source record or database as well as the location of the new record or directory. The point of origin is the document or database you desire to relocate, as well as the ... Read More

Shutil Module in Python

Prince Yadav
Updated on 26-Jul-2023 12:24:28

4K+ Views

Python, being a versatile and powerful programming language, offers a wide range of modules and libraries to simplify various tasks. One such module is Shutil, which stands for "shell utilities, " providing a comprehensive set of functions for file and directory operations. Whether you need to copy, move, rename, or delete files and directories, the Shutil module in Python comes to the rescue with its user−friendly and efficient functionalities. In this tutorial, we will delve into the world of the Shutil module and explore its capabilities for managing files and directories in Python. We will walk you through the key ... Read More

Prevent Overriding Using Immediately Invoked Function Expression in JavaScript

Mohit Panchasara
Updated on 26-Jul-2023 12:23:25

424 Views

JavaScript allows developers to add functionality and behaviors to the web page. Developers require to create multiple functions and variables to add functionality to different parts of the web page. While developing real-time applications, multiple developers work on the same project. So, avoiding the unintentional overriding of functions and variables while collaborating with multiple developers is necessary. In this tutorial, we will learn to prevent overriding using immediately invoked function expressions. Problem of Overriding For example, two colleagues are working on the same project, and both have defined the printAge() function inside the code and merged the code. Now, the ... Read More

Prevent Long Words from Breaking a Div

Mohit Panchasara
Updated on 26-Jul-2023 12:20:43

2K+ Views

Sometimes, developers require to show long words on the web page. For example, show URLs, long file names, etc. Sometimes, the word length is greater than the parent container’s, and the word breaks the container. For example, we created the card to show the file details, and the file name is very long, which can break the card, which always looks worse. So, developers require to prevent the long words from breaking the div element by wrapping the word. Before we start with the solution, let’s understand the problem via example. Example 1 (Long Word Breaking the div) In the ... Read More

Advertisements