Web Development Articles

Page 81 of 801

How to filter children of any elements using jQuery?

Aman Gupta
Aman Gupta
Updated on 13-Oct-2023 420 Views

Overview JQuery is a great JavaScript library which contains many pre−built methods which helps us to perform a certain function without writing a number of lines of code. An element in jQuery can be considered as any HTML element which is a parent of another element. So the elements inside an element are also termed as the children of that element and the container in which the children elements resides are the parent element. So to filter out the children of any element using the jQuery can be achieved using the jQuery children() method and the CSS (Cascading Style Sheet) ...

Read More

How to filter an object depending on the field\'s value in JavaScript?

Aman Gupta
Aman Gupta
Updated on 13-Oct-2023 534 Views

Overview An object in JavaScript is defined as a set of key−value pairs. It is used to define the properties of a single object. So to filter the object depending on the field's value can be achieved using JavaScript. By using the if−else condition we can filter the object depending on the value. So to filter from the object, first we have access to the key from the object, so for this we should have some prior knowledge of the object and its manipulation. As the manipulation of the object plays an important role in filtering the field value of ...

Read More

How to filter nested objects in JavaScript?

Aman Gupta
Aman Gupta
Updated on 13-Oct-2023 3K+ Views

Overview A nested object in JavaScript is a simple object enclosed within the curly brackets, and to make a nested object an object is to inherit its own object. So to filter the object in JavaScript, JavaScript has provided its own method named "filter()", this filter() method takes the argument as a callback function in which a condition is returned at which the given array object will be filtered. So to achieve this filter task we will have to create a simple object as we create in other programming languages and then we will inherit some key value in the ...

Read More

How to find textareas and makes a border using jQuery?

Aman Gupta
Aman Gupta
Updated on 13-Oct-2023 251 Views

Overview For finding any element Jquery provides the best Syntax for the selector, it gives us a one line code for selecting any element from the HTML document. So to find all the textareas in the HTML we will be using the Jquery selector which will select the textareas and then by using the Jquery CSS(Cascading Styles Sheet) manipulation we will be making a border around the textarea. The border makes a User Interface more attractive. Syntax The Syntax for selecting and styling any element in Jquery is given below $(selector).css(); $(selector) − . For selecting any ...

Read More

How to Filter an Array based on the user input in AngularJS ?

Aman Gupta
Aman Gupta
Updated on 13-Oct-2023 389 Views

Overview An array can be a collection of anything but should be of the same data type. We can store any digit and text of the array, so to filter the data from an array using the AngularJs can be achieved by some key value attributes pair. The filter rule plays a key role to create this feature, there are also some AngularJs attributes that play a major role to build this feature these are: ng−model and ng−repeat. The ng−model attribute defines the input type text search box to connect with the ordered list and filter it out an array. ...

Read More

Drop Shadow with HTML5 Canvas

Yaswanth Varma
Yaswanth Varma
Updated on 11-Oct-2023 1K+ Views

In HTML5 canvas, you can add shadows to shapes, lines, texts, and images to give them the appearance of depth. You can use the following canvas context attributes to add shadows when using the HTML5 canvas. shadowOffsetX() shadowOffsetY() shadowColor() shadowBlur() shadowOffsetX() The property can be used to get or set a shadow's horizontal distance of a shadow from a page. To change the location of a shadow, you can use positive or negative numbers. Zero is the default value. Syntax Following is the syntax for shadowOffsetX() ctx.shadowOffsetX = h_distance; where h_distance belongs to the horizontal distance ...

Read More

HTML5 Fonts for Macintosh Systems

Yaswanth Varma
Yaswanth Varma
Updated on 11-Oct-2023 216 Views

Due to the fact that the browser doesn't need to download any font files because it is already using one, utilizing the system font of a specific operating system by default can improve efficiency. But it is true of any web-safe typeface. System fonts have the advantage of matching the fonts that the current OS uses, making them visually pleasing. There are some fonts from the Microsoft list that are also compatible with Macintosh Systems. Those are Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Impact, Trebuchet, Verdana, Symbol, Webdings and Times New Roman The fonts ...

Read More

How to display ruby annotation in HTML5?

Yaswanth Varma
Yaswanth Varma
Updated on 11-Oct-2023 704 Views

Annotations are external remarks that can be added to a Web document or to a specific section of a document. They can be comments, notes, explanations, or other types of remarks. Since they are external, any Web document can be independently annotated without needing to change the actual document. Let’s jump into the article to learn about the ruby annotation in HTML5. Ruby annotation in HTML5 The HTML element symbolizes brief comments that are displayed above, below, or next to the main text and are typically used to demonstrate how to pronounce East Asian characters. Other types of text can ...

Read More

input type week really exist in HTML5?

Yaswanth Varma
Yaswanth Varma
Updated on 11-Oct-2023 615 Views

The tag designates a field for user-enterable data. The most significant form element is the element. Depending on the type attribute, the element can be presented in a number of different ways. The input element denotes a field for a week input because it has the value "week" in its type property. Instead of requiring users to input the value as a string, these fields could be represented in supporting browsers by controls that let users update it graphically (such as a calendar, for example). Let’s jump into the article to discuss more about input type week ...

Read More

Radial Gradient HTML5 Tag

Yaswanth Varma
Yaswanth Varma
Updated on 11-Oct-2023 166 Views

The progressive change from one hue to another is known as a gradient. It lets designers practically invent a new hue. By giving a design a new level and reality, gradients help objects stand out. We can find three types of gradients in HTML, but the given task we are going to perform is about radial gradient. Let’s discuss for getting a better understanding of radial gradient HTML5 tag. Radial Gradient A radial gradient differs from a linear gradient. It radiates outward from one central point. The gradient will by default have an elliptical shape, be the largest corner, start ...

Read More
Showing 801–810 of 8,006 articles
« Prev 1 79 80 81 82 83 801 Next »
Advertisements