Found 10711 Articles for Web Development

How to Style Google Custom Search Manually using CSS?

Shubham Vora
Updated on 05-Apr-2023 15:47:14

580 Views

Have you ever tried to build a custom search engine? If yes, you are aware of how much effort it takes. The first thing is that we need to create a search algorithm that should show the best matching results when any user searches. It can take a lot of time. Rather than wasting time on creating our search engine, what if we use the Google custom search engine? Yes, you heard right! Google allows us to integrate the search engine on our website, and Google handles everything when any user searches for something on our website. Integrating the Google ... Read More

How to store JavaScript functions in a queue and execute in that order?

Shubham Vora
Updated on 05-Apr-2023 15:45:32

521 Views

Sometimes, developers may require to store the function in the queue and execute it in the order it is stored in the queue. In JavaScript, we can create a queue using the array. We can use the push() method of the array to enqueue the function in the queue and the shift() method to deque the function from the queue. Below, we will see examples of storing JavaScript functions in the queue and executing them in the queue order. Syntax Users can follow the syntax below to store JavaScript functions in a queue and execute in that order. while (queue.length ... Read More

How to store data to DOM?

Shubham Vora
Updated on 05-Apr-2023 15:42:53

1K+ Views

Storing data in the DOM means storing data in plain text format. For example, we store data in the state variable while using React or any other reactive framework. When the user updates the data in the input field, it stores updated data in the state variable. So, we store data in the state variable before we submit the form. At the time of submitting the form, we use the values of the state variables. In vanilla JavaScript, we can do the same, like storing data in plain text format, and whenever we require to submit the form, we can ... Read More

How to show/hide div element depending multiple values using Bootstrap and jQuery?

Shubham Vora
Updated on 05-Apr-2023 15:40:04

3K+ Views

Sometimes, we may require to show and hide div based on the selected values. For example, you want to show the registration or login forms based on the radio button's selected value. Below, we will learn to show/hide the div elements based on the selected value using JQuery. Show/hide the div Element Depending on the Selected Value From the Select Menu In JQuery, we can get the selected option’s value from the ‘select’ menu. After that, we can access the div element according to the selected option value and show them. Syntax Users can follow the syntax below to show/div ... Read More

How to show some custom menu on text selection?

Shubham Vora
Updated on 05-Apr-2023 15:37:29

605 Views

In some text editors, when you select the text, it shows the menu to edit texts and provides functionalities like justifying text, aligning text, increasing the text size, changing colour, etc. Microsoft word is the best example of it. In Microsoft word, when you select any text, it shows the custom horizontal menu to perform some actions on the text. This tutorial will use JavaScript to create a custom menu on the text selection. Syntax Users can follow the syntax below to show some custom menu on text selection. let coOrdinates = document.querySelector(".content").getBoundingClientRect(); let posX = clientX - Math.round(coOrdinates.left) + ... Read More

How to show pagination in ReactJS?

Shubham Vora
Updated on 05-Apr-2023 16:31:34

475 Views

The pagination allows users to show content on different pages. For example, we have thousands of data and want to show that to users on a single webpage. It will look worse if we show thousands of data on a single page, as users must scroll through all data to reach the last data. So, to solve the issue, pagination comes into the picture. We can show a particular number of data on a single page and create a total number of pages according to the total data available. Gmail is the best example of pagination, it shows 50 emails ... Read More

Should I Learn Python or PHP for the Back End?

Tushar Sharma
Updated on 04-Apr-2023 11:46:25

214 Views

A stable online presence is indispensable for both persons and agencies in the modern-day digital era. Web builders are in high demand in order to do this. To guarantee that the entirety features properly, it is crucial to select the fantastic programming language for the returned end. So, one of the most well-liked programming languages is PHP, which has been around for a while and developed a reputation for its unique characteristics. Another popular language is Python and selecting between them can be a challenge. Here, we will explore the differences between Python and PHP and get you ready to ... Read More

How to Improve Website Architecture in 8 Easy Ways?

Biswaindu Parida
Updated on 31-Mar-2023 15:38:03

90 Views

In simple terms, website architecture is the visual and technical structure of the website. Web designers generally use the term while planning, designing, and developing a website. Technically, a website architecture is a logical website layout created per the user and business requirements. It is a collection of components that comprise a website and its services to the user. You can classify the components of website architecture into four parts Visual − It includes the user interface, buttons, colors, and other visual elements. Functional − It includes the type of services the website will provide. Technical − It ... Read More

JavaScript Program for Maximum and Minimum in a Square Matrix

Prabhdeep Singh
Updated on 30-Mar-2023 11:47:36

183 Views

To find the maximum or minimum element, we have to focus on the number of comparisons we are going to make and which method will be efficient to choose for comparisons: the one that compares elements with if-else statements or one which comes as in-built. We will see the complete code implementation with the explanation. In this article, we are going to implement a JavaScript program for the maximum and minimum elements present in a given square matrix. Introduction to Problem This problem is very simple, but then going into deep will bring some good highlighted concepts that are worth ... Read More

JavaScript Program for Maximum Sum of i*arr[i] Among all Rotations of a Given Array

Prabhdeep Singh
Updated on 30-Mar-2023 11:46:07

111 Views

In this article, we will implement the JavaScript program for the Maximum sum of i*arr[i] among all the rotations of the given array. Here i*arr[i] expression indicates that we have to maximize the sum of all the elements of the array by taking the product of them with the current position. We can rotate the given array elements in the left of the right position to get the maximum answer. For this problem, we will see a complete code and a deep explanation. Introduction to Problem In this problem, we are given an array and if we multiply all the ... Read More

Advertisements