Featured
-
How Regression Testing Detects Integral Errors In Business Processes
Humans are forever changing and evolving and so to
by kristina.rigina -
Get Display Banner Advertising Opportunity on FindNerd Platform
“Do you have a product or service that nee
by manoj.rawat -
Android O Released with Top 7 New Features for App Developers
Android was founded by Andy Rubin, Rich Miner, Nic
by sudhanshu.tripathi -
Top 5 Features That Make Laravel the Best PHP Framework for Development
Laravel is a free open source Web Framework of PHP
by abhishek.tiwari.458 -
Objective C or Swift - Which Technology to Learn for iOS Development?
Swift programming language is completely based on
by siddharth.sindhi
Tags
Creating contact form using HTML/BOOTSTRAP and CSS
If you want to create simple contact form using html/bootstrap and css, below example will helps you.
Firstly we will create the HTML form which will display basic form fields. It will ask users to submit their Name, Email Address an...
How to change the label of a button on click event
Sometimes we need to change the label of a button on click event. Suppose you have button label as "Start" and you want to change that to "Stop" upon clicking start button.
Example: In the below example I've created a f...
Pass Element ID that Triggers `onclick` Event to the Event Handling Function
When we apply onclick event to an element, sometimes we need to pass ID of that element to the event handling function. We can do this by passing id to function as this.id or we can pass the element itself.
Example: In the below example I&...
How to replace localhost by project name from URL
Hello Reader's if you are working on single project and want to rename localhost to any other word then this blog is very helful to you.
So let's start with the following steps
Step 1 : Open httpd.conf file you can f...
Create simple responsive form using html and css
If you want to create simple responsive user regestration form using html and css, below example will helps you.
In the below code I have create complete responsive form that includes several different elements and attributes. These ...
Add HTML Content To div Using AngularJS
Hi All,
Making a webpage dynamic , you need to add/remove control from you HTML file. Building web application containing multi data entry fields is only possible if your web application is working dynamically with controls. In this case, you ...
How to disable select box if no option is set using Jquery
Hello Reader's if you have desing the html web form where you want to put the select box dissable if no option is selected.
So let's start with the html form and its code will go like this:-
<form name="sell" id="sell" method="...
Create dynamic editable table with HTML using javascript
If you want to create dynamic editable rows in a table using html and javascript, below example will helps you.
In the below code first I have created a button and then created table in which I have added 2 columns, as the output is ...
How to set the height of two div equal dynamically using Javascript?
Hello reader's if you are developing the website in which data is generated in div and height of them is not equal then you can sort out your problem from this blog.
In the scenario above, sometimes text matter in the div is not ...
How to hide a div with animation using HTML
Hello Reader's if you are making the hide and show events in your website with animations effects, Then this blog is very helpfull to you.
So lets start, Suppose there is div you want it to be hide everytime a user hits a hide checkbox. We...
How to create a sliding background image?
To show the image sliding ion background i have used two DIV here one act as a wrapper and another contains the background image that slides.
In the .wrapper div i have added "overflow:hidden" property that will make this div to hide...
Full page background slide show
Hello Readers,
To make full page background slide show I have used the below mention code. The code is very simple. If you want full background slide show in your website you can easily use this code.
Here is the demo for background images ...
Hiding div elements in a responsive layout using bootstrap classes
Hiding div elements in a responsive layout using bootstrap classes:
We can easily hide a div block on a particular layout like for extra small devices(mobile) or for tablets or for desktop using bootstrap classes.
Classes
De...
how to create modal in javascript
js-model is a library that allows user to work with models by using javascript code. This will help to user for creating a pop-up window for the further details. It contain the interactive data as well as a large part of the logic surrounding for...
how does foreach loop exactaly work in php
The foreach function in php will be used for a easy way to iterate over the loop and it is only used in array and objects or It will give you an error when you try to use it on a variable with different data type.
Syntax:
foreach(array_e...
jquery methods: addClass toggleClass and Remove class
jQuery has Basically three methods for CSS manipulation Following methods is explained using below example:
1.addClass() - Adds one or more classes to the selected elements
2.removeClass() - Removes one o...
Fetching Data from database using php
To fetch a data from database by using simple PHP code, firstly create a connection to the database by using simple query and create a login form using HTML code for entering values through user. on clickinng submit button, This form will b...
$_GET and $_POST methods in php
Explanation of GET and POST methods in php
GET and POST are treated as $_GET and $_POST in php.
These are superglobals, which means that they are always accessible.
$_Get: This is used as an array of variables and passed to the current scrip...
jQuery DOM manipulation methods
The following table provides list of all the methods that are used to manipulate the HTML and CSS.
Except html() method all other methods below work for both HTML and XML documents.
Method
Description&nbs...
How to make nav tabs using html code
Nav-Tabs can be really useful especially for content-crowded web sites or in that project where large number of interlinked pages to it. By using nav-tab in html a user can save plenty of space just by placing your block of content in tabs and di...
jQuery Selectors
Selectors, as the name suggests, are used to select one or more HTML elements using jQuery. Once an element is selected we can perform various operations on that selected element. jQuery selectors are used to access HTML elements through their id...
How to print all the files in a directory using PHP
Hello Reader's if you need to get all the files that exists inside any directory then you can get it by using codeigntier FTP class library. This is quick and very easy to get result.
For example if you have amazon S3 bucket and you wish to get...
How can I do change background color of an Chekbox using css?
Hello readers...
I face a problem in changing the background color of a check-box. Please help me out from this problem.
By using background property it takes its default value as you have seen the color and text of a check- box will change to ...
Apply Ribbon at corner of a Box
Hello readers here is a simple line of code that will give your page a new look using a corner ribbon tag... it will help you to add ribbon aside of your working area by using pure CSS code. You can use this code whenever you want to display som...
CONCEPT OF EVEN AND ODD RULE.
CONCEPT OF EVEN AND ODD RULE USED IN A ROW-
Readability of rows in a large table is hard to read and understand but it can be easily verified by using even odd concept.
FOR EXAMPLE
Following Table have 7 row and 6 columns. The number of eve...
Future of web designed is RWD:-
RWD:RESPONSIVE WEB DESIGNED is making the elements and pages responsive for all devices.
A responsive website consist of CSS3, ,media queries and @media rule, flexible images, flexible videos, and fluid type, all of which allow responsive websi...
TYPE OF LIST IN HTML
In html we use list attribute for arranging data in the form of list.
Their are two types of list in html.
Ordered List
Unordered List
ORDER LIST
If we want to put our data in numbered form rather than bullets then ordered list wil...
HOW TO TAKE INFORMATION FROM USER USING HTML FORMS
When we want to take(collect) information from user or those who are visiting site, for this purpose html forms are use.
for eg:- for user registration in any social site, we want to collect his personal information like his name,last name, ema...
TABLE TAG
If we want to print data in the form of table in html we use TABLE tag. Table contain rows and columns.
For creating rows in table we use
tr tag with in table tag.
For creating columns in table we use
td tag with in tr tag.
Syntax
...
Progress bar
Progress Bar
Progress bar is used for up-to-date feedback from the user's action, it can also be made a user indeterminate.This bar will be helpful when the length of the task is unknown for the user. If you are using progress bar to show real p...
Bootstrap-Pagination
Hello friends, Here is simple code of using Pagination. You can use this code to make your page more attractive and give a easy access by reaching on several pages from a single columns of links.
Pagination is a navigation tool that will help...
z-index in CSS
Z-index Definition:-
z-index property specifies stack order of any element or it only works for the positioning of an element i.e when position is absolute, relative and fixed.The vale of Z-index mostly used -1, 0 ,1
-1 is used for the pos...
@media Screen
Media rule in CSS is very attractive way to define different style rules for various types of screens(tablets/mobile screen) Media queries look at the capability of the device and be used to check various things:
Height and Width of the ...
Multiple images in background
It is easy to add multiple images in the background by using HTML and CSS code only. we can use one image which will repeat across the top i.e (repeat-x) and the another one will across the entire page or it is simple way to adjust every image p...
HTML LAYOUTS
A layout of a webpage plays an important role in providing a good look to our webpage. A good,attractive and beautiful design can be provided only by a person having good creativity skills that's why designing part of a website is not a easy task...
How to make validation for multiple email validation using Jquery
Hello Reader's if you have implemented multiple input for emails and you want to validate all of them using a single validation rule. By using JQuery you can make this.
Lets see how to make validation:-
Suppose your html page is like this:-
...
HTML BACKGROUNDS
Usually any webpage that has been created is with a white background by default unless until we provide some styling to it.like background color,background image,border-,any pattern or transparent backgrounds etc.
HTML background styling ca...
JAVASCRIPT OUTPUT DISPLAY FUNCTIONS
In javascript we use different functions to display outputs, like to display into an alert box, HTML output, HTML element,browser console we use different functions.
1. window.alert():- Used when we want to display data into an alert box.
E...
Jquery:filter(selector) method
Jquery filter( selector) method:-
It is one of the most important method which we can use to filter out elements from a list of DOM elements.
It removes all elements from the set of matched elements that do not match the specified selector(s)...
How to make price range UI using Jquery
Hello Reader if you wan to make range selector UI using jquery this blog will be helpfull to you.
Lets start making this UI. First you have to create html file and it's code will go like this:-
<!doctype html>
<html lang="en"> ...
How run blinking effect of div in Jquery
Hello Reader if you are making the content based website where you want to show div in bounce or blink effect. Here this code is driven by Jquery.
First create html file with name bounce.html and its code will go like this:-
<!DOCTYPE h...
How to make div scalable using Jquery
Hello Readers if you are designing the html UI and you want to make div resizable by mouse then you can use the code as below:-
<!doctype html>
<html lang="en">
<head>
<link href="http://code.jquery.com...
How to disappear a div with explode effect using Jquery
Hello Reader if you want to hide or disappear a div then you can do it by exlpode effect. This will driven by Jquery.
First create a blank html file name is exlodeeffect.html and its code will go like this:-
<html lang="en">
&...
How to increase font size of website by just single click
Hello Readers if you want to make a switch button that will increase your font size of webpage then you can learn to code it here.
first you have to create html page name it click.html, It's code will go like this:-
<!doctype html>
...
How to make div movable using Jquery
Hello Reader's if you want to make a UI where your div can drag and movable all over the screen. Then the followin example is helful to you.
<!DOCTYPE html>
<head>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-...
How to generate date selector using in website
Hello Reader's if want to generate the date selector then you can use the Javascript. By choosing JS you don't have to write every month, day or date hard core in the code.
Lets start to generate the code for it.
Step 1: Create head section ...
How to make live clock on website uisng Javascript?
Hello readers if you want to show a live clock on your web page then you can use the javascript to make it.
So lets start with html page. Create blank HTML page name is clock.html, And it's code will go like this:-
<html>
<head>...
How to change background color by click using Javascript
Hello Reader's if you want to change css of any div or section or iframe with just a single click then javascript offers you to do this in real time.
Lets see how to change background color of an ifram using just a single click
<iframe src...
How to validate a form on submit?
Whenever we create a form, we always have a requirement to put validation for empty fields on some input fields on form submit. For this we use onSubmit attribute of the form, inside which we can define a function that will have validations.
E...
How to check if an array contains a specific string in jQuery?
Sometimes we need to check if a particular string exists in an array or not, we can do this by using inArray() method of jQuery very easily.
Example
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"&g...
