The concat() method is used to join two or more arrays and find unique() function to unique array. The $.unique() function searches through an array of objects, sorting the array, and removing any duplicate nodes. A node is considered a duplicate if it is the exact same node as one already in the array; two […]
In this article we will create a user interface where user can add/delete multiple rows in a form using JavaScript. In my previous article, I had discussed about the dynamic PHP and html form with qty price and total in table using JavaScript calculations. In this example, we have created a table which will display our […]
The jQuery onkeyup event occurs when a keyboard button is released after pressing. This method is executed or attach a function to run when a onkeyup event occurs. You may also like How to trigger jQuery change event in Checkbox and Onsubmit event using ajax and return true but Form not submit using Jquery. HTML Code Javascript Code
I have a form where i use normal buttons with javascript so i can have multiple actions and I don’t use a submit button. If i had a submit button, it would call the javascript function, but seeing as i don’t have a submit button, how can i call that function. HTML Code JavaScript Code
Step 01) <!DOCTYPE html> <html lang=”en”> <head> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js”></script> </head> <body> </body> </html> Step 02) Second step is to create an angular module and define a Controller. The job of controller is to control the information that we put on page or in editing scenario controller save the information that use is typing into the […]
<!DOCTYPE html> <html> <style> div { transition: all linear 0.5s; background-color: pink; height: 100px; width: 100px; position: relative; top: 0; left: 0; } .ng-hide { height: 0; width: 0; background-color: transparent; top:200px; left: 3px; } </style> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js”></script> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-animate.js”></script> <body ng-app=”ngAnimate”> <h1>Hide the Box: <input type=”checkbox” ng-model=”myCheck”></h1> <div ng-hide=”myCheck”></div> </body> </html>
1) ng-app <!DOCTYPE html> <html> <head> <meta chrset=”UTF 8″> <title>Event Directives</title> </head> <body> <script src=”https://code.angularjs.org/1.6.9/angular-route.js”></script> <script src=”https://code.angularjs.org/1.6.9/angular.js”></script> <script src=”https://code.angularjs.org/1.6.9/angular.min.js”></script> <script src=”https://code.jquery.com/jquery-3.3.1.min.js”></script> <h1> Script guru Global Event</h1> <div ng-app=””> Tutorial Name : {{ “Angular” + “JS”}} </div> </body> </html> The “ng-app” directive is added to our div tag to indicate that this application is an angular.js […]
Learn how to create an image gallery that varies between four, two or full-width images, depending on screen size: <!DOCTYPE html> <html> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial; } .header { text-align: center; padding: 32px; } .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 […]
Use the tab JavaScript plugin—include it individually or through the compiled bootstrap.js file—to extend our navigational tabs and pills to create table panes of local content, even via dropdown menus. Note that dynamic tabbed interfaces should not contain dropdown menus, as this causes both usability and accessibility issues. From a usability perspective, the fact that the currently displayed tab’s […]
I have been using some JavaScript techniques in the past to find the maximum and minimum number in an array. I recently stumbled upon a really fast and simple solution to find the max and min number in an array and thought of sharing it with all of you. Let me know what do you […]