Front End Technology Articles

Page 610 of 652

How to pass data into a bootstrap modal?

Mohit Panchasara
Mohit Panchasara
Updated on 26-Jul-2023 6K+ 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

How to place two input box next to each other using Bootstrap 4?

Mohit Panchasara
Mohit Panchasara
Updated on 26-Jul-2023 995 Views

Bootstrap is a popular frontend framework containing pre-styled components and allowing developers to use that directly in the application. The ‘4’ is the version of the Bootstrap. Bootstrap also contains pre-styled input components. Furthermore, it has different kinds of the input components, such as input groups, single input, etc. While creating a form, if we require to add 10s of inputs in the form, we can put some input fields side by side, such as first name and last name we can put side by side. In this tutorial, we will use Bootstrap to place two input boxes next to ...

Read More

How to perform jQuery Callback after submitting the form?

Mohit Panchasara
Mohit Panchasara
Updated on 26-Jul-2023 3K+ Views

Nowadays, every website contains at least a single form, such as a contact form, application form, etc. It is also required to notify users when the form is submitted successfully or with errors so that users can take action again. In JQuery, we can use the submit() method to call the callback function after submitting the form. However, we can also save form data to the database in the callback functions. So, there can be many use cases where we must call the callback function after submitting the form to perform the particular operations. Syntax Users can follow the syntax ...

Read More

Functional Programming with JavaScript Libraries: Ramda, Lodash, and Immutable.js

Mukul Latiyan
Mukul Latiyan
Updated on 25-Jul-2023 360 Views

Functional programming is a popular paradigm in JavaScript development, emphasising immutability, pure functions, and higher-order functions. It promotes writing clean, concise, and maintainable code. To facilitate advanced functional programming techniques, several JavaScript libraries have emerged, providing powerful tools and utilities. In this article, we will explore three such libraries: Ramda, Lodash, and Immutable.js. We will dive into code examples, explain their features, and showcase the benefits they bring to functional programming in JavaScript. Ramda: Functional Programming made Easy Ramda is a powerful library that promotes functional programming in JavaScript. It focuses on immutability and provides a wide range of functions ...

Read More

Total area of two overlapping rectangles

Divya Sahni
Divya Sahni
Updated on 25-Jul-2023 2K+ Views

An overlapping area is an area that is shared by two objects. In the case of rectangles, it is the area of the rectangles that belong to both rectangles. In order to find the total areas of two overlapping rectangles, first er need to add the area of both rectangles respectively but in this total, the overlapping area is counted twice. Thus we need to subtract the overlapping area too. Problem Statement Given the bottom left and top right vertices of two rectangles. Find the total area covered by the two rectangles. Sample Example 1 Input bl_x1 = 0 bl_y1 ...

Read More

Check if the given two numbers are friendly pairs or not

Divya Sahni
Divya Sahni
Updated on 25-Jul-2023 1K+ Views

Friendly Numbers − According to number theory, friendly numbers are two or more numbers having the same abundancy index. Abundancy Index − Abundancy index of a natural number can be defined as the ratio between the sum of all the divisors of the natural number and the natural number itself. The abundancy of a number n can be expressed as $\mathrm{\frac{\sigma(n)}{n}}$ where $\mathrm{\sigma(n)}$ denotes the divisor function equal to all the divisors of n. For example, the abundancy index of the natural number 30 is, $$\mathrm{\frac{\sigma(30)}{30}=\frac{1+2+3+5+6+10+15+30}{30}=\frac{72}{30}=\frac{12}{5}}$$ A number n is said to be a ‘friendly number’ if there exists a ...

Read More

Max occurring divisor in an interval

Divya Sahni
Divya Sahni
Updated on 25-Jul-2023 292 Views

Let x and y be two numbers. In this case, x is said to be a divisor of y if when y is divided by x it returns zero remainder. The maximum occurring divisor in an interval is the number that is a divisor of the maximum number of elements of that interval. Problem Statement Given an interval [a, b]. Find the maximum occurring divisor in the range including both a and b, except ‘1’. In case all divisors have equal occurrence, return 1. Sample Example 1 Input [2, 5] Output 2 Explanation − Divisors of 2 = ...

Read More

Ramanujan–Nagell Conjecture

Divya Sahni
Divya Sahni
Updated on 25-Jul-2023 285 Views

Ramanujan-Nagell Equation is an example of the exponential Diophantine equation. The diophantine equation is a polynomial equation with integer coefficients of two or more unknowns. Only integral solutions are required for the Diophantine equation. Ramanujan-Nagell Equation is an equation between a square number and a number that is seven less than the power of 2, where the power of 2 can only be a natural number. Ramanujan conjectured that the diophantine equation 2y - 7 = x2 has positive integral solutions and was later proved by Nagell. $$\mathrm{2y−7=x^2\:has\:x\epsilon\:Z_+:x=1, 3, 5, 11, 181}$$ Triangular Number − It counts objects arranged in ...

Read More

How to define a part of the text in an alternate voice or mood using HTML5?

Diksha Patro
Diksha Patro
Updated on 19-Jul-2023 283 Views

In this article, we will discuss how to define a part of the text in an alternate voice or mood using HTML5. HTML5 provides a range of tags that allow web developers to structure the content of a web page in a more meaningful way. One important aspect of this is being able to emphasize certain words or phrases, like making them italic or bold. This helps the content look better and be easier to read for users. Approaches We have two different approaches to defining a part of the text in an alternate voice or mood using HTML5 including ...

Read More

Live Search Using Flask And jQuery

Siva Sai
Siva Sai
Updated on 18-Jul-2023 1K+ Views

Introduction The combination of Flask and jQuery gives a reliable solution for developing dynamic web apps. While jQuery is a quick, compact, and feature-rich JavaScript library, Flask is a well-known, lightweight web framework for Python. For the purpose of creating a live search feature in a Flask application, we will combine the strengths of these two technologies in this tutorial. Prerequisites Ensure that you have the following installed on your local computer before beginning the tutorial's main sections: Python Flask − Install it via pip with pip install flask jQuery − Download it from the official website or use a CDN. Setup ...

Read More
Showing 6091–6100 of 6,519 articles
« Prev 1 608 609 610 611 612 652 Next »
Advertisements