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
Change background image and display content on over effect
If you want to change background image and display content on hover effect this code will help you.
lets say if you want to show a content only when you move a cursor on an image div, and when image changes it will display the content or ...
New Concept to Build HTML for big projects
We all know that for any web page or website, HTML is compulsory. HTML is the necessary platform to develop the website. Many times when I created HTML templates, I faced the issue to do the changes and had to do copy paste the changed content in...
How to align an elements center horizontally and vertically?
If you want to align your text to be centered inside the box from both side (horizontally and vertically) you can do this very easily, this below example will helps you.
Html:
<div class="contentbox">
<p>This is ...
3D Spinning Cube Using CSS3
Hello reader's. I have created a 3D spinning cubes using CSS3 by simply using the transform,animation and transition property over the elements.
In my example, I have taken a cube element comprising of each face of the cube having its own ...
Image Zoom Effect Using CSS3
Hello,readers as we all visit various websites we mostly get attractive towards those websites comprising with various animation effects in it.So here in my example i have tried to give zooming effect to the images using CSS3 properties such as t...
Responsive Form using CSS3 and HTML5
Hello, all readers I have created a responsive form by simply using the HTML5 and CSS3 elements.In my example using media queries I have made the form responsive by setting the values of the particular elements.
In this I have created a outerb...
Creative Animated Menu Using CSS3
Hello, readers in my example I have created creative animated menu by using CSS3 animation and transition properties. I had simply made a composition of elements, an icon, main title and the sub title, that will get animated at hover using CSS3 t...
Checkbox and Radio Buttons using Bootstrap(Touch Friendly)
Hello Readers,In my example I have simply created Radio and Checkbox buttons using Bootstrap framework.
We basically use checkboxes when we need to select one or several options from a given list while radio buttons are used for selecting one ...
custom scrollbar using jQuery UI
A scrollbar is a communication method or gadget in which nonstop content, pictures, or some other substance can be looked in a foreordained heading (up, down, left, or right) on a PC showcase, window, or viewport so that the majority of the subst...
Animated checkbox using CSS3
Hello,readers I had created a simple animated checkbox using Font Awesome ( CSS Bootstrap file), along with pseudo elements, CSS3 Transition property and opacity.
In my example, I had created an unordered list and placed checkbox tag along wit...
Image Flipping Effect By Css
Flipping Image can be extremely valuable these days. The most basic use-case for flipping images that I can consider would incorporate some sort of image on the front, and some data related to it on its back.
By using below code we can u...
Responsive table using CSS3 and HTML5
We can easily create the table responsive using CSS3 and HTML5 thats makes our table more readable on small screen without the use of javascript.
In my example ,I had simply used the table tags such as <table></table>, <thead>...
Sending JSON data from one HTML page to another using Session
Here is the code of the send.html file:
<ul id="ul-list">
<li><input type="text" class="input-text"><input type="text" class="input-text"></li>
<li><input type="text" class="input-text"><i...
How to get city name with geolocation API from a input form ?.
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to get city name from google maps from a PHP input form.
If you are trying to get city name displaying location information based on the IP address geolocation fro...
Image into base64 dataurl using javascript with demo
Converting image in base64 data url reduces the count of HTTP request and will increase the performance of the website because the load time to transfer data over the internet is too long and it will save the server request time.
There are man...
The Grid system in Skeleton Framework
Skeleton is a lightweight framework for CSS . It specifically has two CSS files: the popular normalize.css file and the skeleton.css file.
The grid system of Skeleton is used create responsive website hence it's a most important part if Sk...
javascript:How to insert values in an array
hii,
We can insert mutliple value in an array using different method as per requirements.
Here is the list of method we can use to insert values in an array.
Array fill() Method :fill() method is used when we want to fills eithe...
create element with dynamic id on click event with jquery
If you want to create multiple elements with dynamic id on click of button or an HTML element see below program for reference.
/* The following html/jquery snippet will create multiple input boxes with dynamic id on clicking an individual elem...
Scraping a big HTML Table through a single command
Hello Everyone,
We have seen a lot of websites having big tables in them with lots of rows and columns.
What if someday being a developer you feel the need of getting all that data from the website at once without going the nasty way ...
Adding css property using jQuery
Hii All ,
Jquery is a type scripting langauge created by John Resig along with his team in 2006.
It is a client side script programming language.
It is a concise javascript library.
Both javascript and jquery is used for script progra...
Table pagination using html
Table pagination is a simple code that will give new effect to the user for creating a long html table into compact manner, This can be possible through simple line of code of javascript and html, for better look and touch up User will use css to...
How to apply image in the checkbox using CSS
Hello Readers, Here is simple line of code that will be useful for applying different color in checked or unchecked state or User can apply different icons to it, This will be only possible using HTML and CSS, User can see below how these line of...
Stylish tool tip display on hover of an element with the help of jquery
How to use stylish tool tip on hover of an element with jquery
To use the jquery basic tool tip you have to first include the following basic jquery file with another two. One will be use for jquery tool tip effect and other for tool tip css...
Change the form action before submit
How to change the form action before submit on the basis of element/input field click.
The html sample code for form having radio button and submit button :
<form action="" id="myformID">
<input type="radio" name="ch...
Disabling Button click action using jquery and Html
Disabling Button click action and Enabling when checkbox is checked:
We can disable button click action easily using Html and can enable it using jQuery.
Html code to disable a button:
<h1 class="redeem-head">Redeem Portfolio<...
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...
Looking for Software Developer for Mumbai
Position: Software Developer
Roles and Responsibilities:
Requirement gathering, design, development, testing of web applications using ASP .net
Maintain existing websites by identifying and correcting software defe...
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...
How to display result of php file in an html file
I need help please. I create html file with 2 tabs. The first tab contains form that takes user input and submit it to php file. I want the result of the php file to be displayed in the second tab.
HTML file:
<ul class="nav">...
$_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 ...
