Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Javascript provides a collection of functions that you can use to find elements in an array. Let's start with the most basic one. The indexOf function goes through the entire array and returns the index of the element you searched for, if it is found else it returns -1. For example, Examplelet people = ["Harry", "Martha", "John", "Sam"]; console.log(people.indexOf("John")) console.log(people.indexOf("Jim"))OutputThis will give the output −2 -1There are other, more complex functions that you can use to make search more powerful. Let's look at find() method. The find() method returns the first object matching the condition you provide it as the ... Read More
Basically, multi-dimension arrays are used if you want to put arrays inside an array. Let's take an example. Say you wanted to store every 6 hour's temperature for every weekday. You could do something like −let monday = [35, 28, 29, 31]; let tuesday = [33, 24, 25, 29]; //...This is a good place to use a multidimensional array instead. A multidimensional array is nothing but an array of arrays. If we take forward our example, each row will represent a day while each entry in the row will represent a temp entry. For example, let temps = [ ... Read More
To bind jQuery events within dynamic content, use event delegation. You can try to run the following code to learn how to bind jQuery events within dynamic content returned via Ajax:Live Demo $(document).ready(function(){ $(".loadingAjax").on("click", function() { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".append"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { if (textStatus === 'success') { var data = qXHR.responseText appendedContainer.hide(); appendedContainer.append("Hi"); appendedContainer.fadeIn(); } } }); }); $(document).on("click", '.link', function(event) { alert("Link clicked!"); }); }); a.test { font-weight: bold; } body { font-family: sans-serif;} Click to load Ajax
Assuming you have set up Python 3.6, Pipenv and heroku CLI installed locally and are logged in on Heroku from the CLI using the steps mentioned here: https://devcenter.heroku.com/articles/getting-started-with-python#set-up.Your application needs to have a git repository to be deployed to heroku. You need to cd in the directory where the root of your git repo code resides. Now you need to create a heroku application using:$ heroku create Creating lit-bastion-5032 in organization heroku... done, stack is cedar-14https://lit-bastion-5032.herokuapp.com/ | https://git.heroku.com/lit-bastion-5032.gitGit remote heroku addedWhen you create an app, a git remote (called heroku) is also created and associated with your local git repository. ... Read More
Follow the below given steps to create a progress bar with different styles −Add a with a class of .progress.Next, inside the above , add an empty with a class of .progress-bar and class progress-bar-* where * could be success, info, warning, danger.Add a style attribute with the width expressed as a percentage. Say, for example, style = "60%"; indicates that the progress bar was at 60%.The progress bars created below are for showing positive action and key information −ExampleLive Demo Bootstrap Example Progress Bars 90% Complete (Sucess) 30% Complete (info)
Use the .alert-danger class in Bootstrap to create a red color alert box indicating dangerous action.You can try to run the following code to implement .alert-danger class −ExampleLive Demo Bootstrap Example Danger! Add dangerous action here...
jQuery load() methodThe load() method is used to attach event handler to load event.ExampleYou can try to run the following code to learn how to work with jQuery load() method.Note: The method deprecated in jQuery 1.8. It got finally removed in jQuery 3.0. To run the following code, add jQuery version lesser than 1.8, Live Demo $(document).ready(function(){ $("img").load(function(){ alert("This is an image."); }); }); This image will load only in jQuery version lesser than 1.8 jQuery ready() methodEasily specify what ... Read More
Use the .nav-justified class in Bootstrap to center tabs in Bootstrap.You can try to run the following code to center tabs −ExampleLive Demo Bootstrap Example Web Development The following are the web dev technologies: HTML5 jQuery JavaScript Ajax ES6
Use the .nav-stacked class in Bootstrap to vertically stack pills:You can try to run the following code to implement the .nav-stacked class −ExampleLive Demo Bootstrap Example Database The following are the database technologies: DB2 MySQL SQL CouchDB
The array is a container which can hold a fixed number of items and these items should be of the same type. It stores a fixed-size sequential collection of elements of the same type. An array is used to store a collection of data, but it is often more useful to think of an array as a collection of variables of the same type.Why do we need arrays?Let's say you want to record the average temperatures of all days of the week. You can record them as follows −let avgTempMon = 35; let avgTempTue = 33; let avgTempWed = 31; ... Read More