Create Full Page Tabs with CSS and JavaScript

Aman Kumar
Updated on 19-Dec-2022 13:49:57

2K+ Views

In this article, we will discuss how to create full-page tabs with CSS and JavaScript. Full-Page Tabs, like the name suggests, are tabs that are displayed on the entire page instead of a section. To create a full page tab, you need to set the height of the page to 100%. You can do this using the height property, i.e. you need to create a CSS class, then set the height to 100vh and set this class as a style class of the individual tab elements those you need with full page length. By creating full page tabs, we are ... Read More

What is Direct Current? Definition, History, Measurement and Applications

Manish Kumar Saini
Updated on 19-Dec-2022 13:49:52

2K+ Views

In electrical and electronics, the term electric current (or current) is used to represent the flow of electric charge (electrons or holes) in a particular direction. Hence, the electric current is simply defined as the directed flow of electrons (in metals), and electrons and holes (in semiconductors). In actual practice, the electric current can only flow through metals and semiconductors, while insulators block the flow of electric current through them. Based on the direction of flow, the electrical current is broadly classified into two types namely direct current (DC) and alternating current (AC). In this article, we will discuss the ... Read More

DC Voltage: Definition, Circuit Symbol, and Wire Color Codes

Manish Kumar Saini
Updated on 19-Dec-2022 13:48:41

3K+ Views

In electrical and electronic circuits, the term voltagevoltage is used to denote the potential difference between two points. Based on the nature, the voltage can be of two types namely – AC Voltage and DC Voltage. In this article, we shall confine our attention to the DC Voltage only. Here, we will discuss the definition of DC voltage, its symbolic representation, DC wire color codes used in different electrical standards, and methods of DC voltage measurement. Let’s begin with the basic definition of DC voltage. What is DC Voltage? DC Voltage is an abbreviation of Direct Current Voltage. The voltage ... Read More

Create Tab Headers with CSS and JavaScript

Aman Kumar
Updated on 19-Dec-2022 13:47:13

1K+ Views

In this article, we are going to discuss how to create tab headers with CSS and JavaScript. The header elements represent a container using some introductory content or with the set of navigation links. In general, header elements typically contain one or more elements. Tab headers represent the content present in each tab or provide some navigation links that links the user to any tab they click on. Steps to Create Tab Headers The steps to create a tab header using the JavaScript are given below − Define a function with two parameters evt and name. Declare the ... Read More

What is a Voltage Source? Types and Examples

Manish Kumar Saini
Updated on 19-Dec-2022 13:46:05

10K+ Views

In electrical and electronic circuits, we have to provide necessary for the operation of the circuit. For this purpose, we used energy sources such as voltage sources and current sources. The energy sources are the active circuit elements, i.e. these elements can provide power or power gain in the circuit. In this article, we will discuss what a voltage source is, and different types of voltage sources. What is a Voltage Source? A voltage source is an electric circuit component that is used to create a potential different between two points in an electric circuit. It is basically an active ... Read More

What is a Sinusoidal Wave Signal? Definition and Importance

Manish Kumar Saini
Updated on 19-Dec-2022 13:43:58

10K+ Views

A sinusoidal wave signal is a type of periodic signal that oscillates (moves up and down), periodically. The geometrical waveform of a sinusoidal signal forms an S-shape wave in one complete cycle. A sinusoidal can be a sine functioned signal or cosine functioned signal. Thus, a sinusoidal signal can be defined as, $$\mathrm{y=sin\, x}$$ $$\mathrm{y=cos\, x}$$ Both sine and cosine signals are the types of sinusoidal wave signals. But, the cosine signal is advanced with respect to the sine signal by 90° in time. The sinusoidal wave signal has a smooth wave that oscillates above and below zero and used ... Read More

Bleeder Resistor: Definition, Formula and Applications

Manish Kumar Saini
Updated on 19-Dec-2022 13:42:18

3K+ Views

What is a Bleeder Resistor? In electronic circuits, a resistor which is connected in parallel with the output of a high voltage power supply for discharging the filter capacitors of the power supply when the circuit is turned off is referred to as a bleeder resistor. It is also known as a leakage resistor or capacitor discharge resistor or safety discharge resistor. The bleeder resistor is primarily used for safety reasons because it eliminates the possibility of a left over charge that may cause an electric shock. Generally, a bleeder resistor is a standard resistor instead of a specialized ... Read More

Voltage to Current Converters: Definition and Circuit Types

Manish Kumar Saini
Updated on 19-Dec-2022 13:41:00

27K+ Views

In electrical and electronic circuits, there are two basic electrical quantities namely current and voltage. Sometimes, we need to convert these two quantities into one another. For this, electronic circuits are designed which are known as converters. Based on conversion, there are two types of converters namely Voltage to Current Converter (V to I Converter) and Current to Voltage Converter (I to V Converter). In this article, we will discuss the definition, circuit diagram, types, and applications of voltage to current converters (or V to I Converters). So let’s begin with the basic introduction of the voltage to current converter. ... Read More

Create a Vertical Tab Menu with CSS and JavaScript

Aman Kumar
Updated on 19-Dec-2022 12:50:25

3K+ Views

In this article, we will discuss how to create a vertical tab menu with CSS and JavaScript. Tabs are containers whose main purpose is to show and navigate through the diverse content of the website. Tabs are commonly used to manage the space and make the website more user−friendly without reloading too many times. The content in these tabs are usually closely related but mutually exclusive. There are several types of tabs which can be created and used in various cases − Horizontal tabs Horizontal with Secondary Tabs Frameless Horizontal Tabs Vertical Tabs Vertical Tabs with Second Tabs ... Read More

Create Tabs with CSS and JavaScript

Aman Kumar
Updated on 19-Dec-2022 12:44:10

6K+ Views

In this article, we are going to discuss how to create tabs with CSS and JavaScript. Tabs are containers whose main purpose is to show and navigate through the diverse content of the website. Tabs are commonly used to manage the space and make the website more user-friendly without reloading too many times. The content in these tabs are usually closely related but mutually exclusive. There are several types of tabs which can be created and used in various cases − Horizontal tabs Horizontal with Secondary Tabs Frameless Horizontal Tabs Vertical Tabs Vertical Tabs with Second Tabs ... Read More

Advertisements