Filter Html table with JavaScript

In this post, we will learn how to filter records from table with the help of JavaScript. Filter / Search in table with JavaScripit: <html> <head>Search in table</head> <body> <h2>My Students</h2> <input type=”text” id=”txtSearch” onkeyup=”search()” placeholder=”Search” title=”Type Name Or Course”> <hr/> <table id=”studentRecords” border=”1″> <tr> <th style=”width:50%;”>Name</th> <th style=”width:50%;”>Course</th> </tr> <tr> <td>Tarun</td> <td>Php</td> </tr> <tr>

JavaScript Operators

JavaScript operators are symbols that used to perform operations on operands, like in expression ‘8 + 2 = 10’, here 8 and 2 are operands and ‘+’ is operator. Types of operators in JavaScript: Assignment Operators Arithmetic Operators Comparison Operators Logical Operators Conditional (or ternary) Operators Let’s discuss all the above operators one by one […]

JavaScript Variables

Variables are used as a containers to store the data values. We can place data into these containers and then refer to the data simply by naming the container. JavaScript allows us to work with 3 primitive data types: Numbers (Example 185, 9.5, etc.) Strings (Example ‘This is string example’) Boolean (true or false) Before […]

CSS transform Property

In this blog, I am going to show how we can display a text in the vertical orientation. We can use “transform” property of CSS for this. Let’s see the code in detail: <html> <style> body{width:810px;} .v_rotate { float: left; transform: rotate(90deg); margin-left: 50px; transform-origin: left top 0; padding: 10px; background-color: rgba(37, 34, 34,

Responsive Slider using jQuery

In this blog, I am going to explain how we can create a responsive slider. I have used ResponsiveSlides.js to create responsive slider. This is a jQuery Plugin that makes our job easy to create a slider. We can use this slider to showcase your favourite photos in a banner. Slider Images Below is a […]

Login Script with Remember Me in PHP

On login page remember me feature is used to preserve the login name and password entered by the user. And it can be populated in the login form at the time of login. It minimizes the user effort by preventing to enter login details again and again. Login Form First we have to

JavaScript – Placement

Where to place JavaScript JavaScript code must be placed between <script></script> tags in html. It can be placed in the <body>, or in the <head> section of HTML page, or in both. Example: <html> <head> <script> alert(“Hello World”); </script> <head> <body></body> </html> <html> <head> <title>Internal Script</title> <script>alert("Hello World");</script> </head> </html> Functions in JavaScript Function is […]

Introduction to JavaScript

JavaScript is a client side scripting language, it makes our HTML pages dynamic and interactive. We can write our script code directly into HTML document using <script> tag. Syntax: <script> JavaScript code here </script> Let’s take some examples: Example 1: alert(): JavaScript alert() method is used to display an popup box with a specified message […]

HTML Colors

Colors are the most important part of any webpage. We can specify colors in our webpage by using: Color names An RGB value A HEX codes. Let’s discuss these methods one by one. Html Colors – Color Names We can specify a color by direct using a color names: Color Name   Black   Blue […]

HTML Entities

Some reserved characters in HTML have special meaning when used in HTML page, these characters are not present on our keyboard and can be replaced by entities. For example, we cannot use less then () with your HTML text because the browser might mix them with tags. To display a less then (