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
The best Carousel slider for website
Hello Reader's if you are looking for the simple and light Slider to integrate into your website then Carousel slider is the best. You can take my code as below:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta ch...
How to color to your alert message using Bootstrap
Hello Reader's If you want to print the alert messages in color, i.e. Red for danger and Green for success messages then Twitter Bootstrap offers you a good way to showing this.
Let's see the example as below:-
<!DOCTYPE html>
<ht...
How to show animated image upload status bar
Hello Reader's if you are making the file upload in html form, Then you can also show the status of the file to upload.
Lets see the example code as below:-
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="styles...
How to show max words left to insert into text area
Hello Reader's if you are making the html5 validation to set the max words inside the html form, Then by using Angular JS NG-Model you can easily make it.
Lets's see how to do it as in the example below:-
<!DOCTYPE html>
<html>
...
How to hide/show the html using Angular JS
Hello Reader's if you want your webpage to show or hide the html form with just a single click then choosing Angular will be the best way.
Lets see how to get it working in the example as below:-
<!DOCTYPE html>
<html>
<scrip...
How to print dates monthly between two given dates
Hello Reader's if you want to make ajax html form that takes two dates from user and print then daily or yearly or monthly then you can my code as below:-
Lets say the html form, the code will go like this.
<div class="form-group clearf...
jQuery clone() Method
The clone() method is used to make clone of the elements that are matching to the selected elements and select the clones.
It basically makes copies of the selected DOM element to some other place in the DOM.
Syntax:
selector.clone()
...
Accordion Menu using jQuery
Accordion Menu are like the dropdown menu with some effects of animation. It has some top menu and dropdown list inside that menu and some other top menu and another dropdown list inside this menu.
When we click on the first top menu the dropd...
How to make a download link ?
Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to make a download link ?
So we will use HTML anchor download attribute for making a download link.Because The download attribute is used to specifies that the target will...
Simple Zebra Table by using Css3
Hello Readers,
Here is the Example of Simple Zebra Table.
Here is the HTML
<table>
<tr>
<th>Name</th>
<th>Date of Birth</th>
<th>Age</th>
...
Client Side and Server Side Controls
In .NET Framework we have two types of controls:
1 Client Side
2 Server Side
Client side controls are HTML controls usually used for client end.
Ex : <input type="button" />
Server Side controls ...
Javascript:Prompt Dialog Box
Prompt dialog Box is used to have an input from the users or to get confirmation on any input.
This dialog box is displayed using a method called prompt() which takes two parameters:-
(i) A label which you want to display in the text box. ...
Javascript:Confirmation Dialog Box
Confirmation dialog Box is used to get confirmation on any input. It is mostly used to take user's opinion on any option. It displays a dialog box with two buttons: Cancel and OK.
If the user clicks on the Cancel button, then confirm() returns...
How to create an alert dialog box in javascript
An alert is a type of dialog box supported in javascript and is mostly used to give a warning message to the users.
For example:
If one input field requires to enter some text but the user does not provide any input, then as a part of v...
How show image on click event using Javascript
Hello Reader's If you want to show image on a click event. Then using javascript you can use this in real time.
Let's see the example below:-
<button onclick="add_google_logo();">Add Google Logo</button>
Now the JS will go li...
How to highlight a div using Javascript
Hello Reader's!
If you want to make a html page that based on user activity, As user clicks on div then JS will make that div highlight.
Let's say our div is -
<div tabindex="0">Hello World</div>
Here div with tabindex of...
How to make alert message on select the radio button using Javscript
Hello Reader's!
If you want to make an alert message for everytime user select the button then you can use the following JS as below:-
Lets say our HTML is like this:-
<input class="gender" type="radio" name="sex" value="male">Male &...
How to ignore HTML content with tags using PHP
Hello Reader's If you want to make an function which truncate all the html contents and ignore them then you can uset the Sren Lvborg printTruncated function making it UTF-8 (Needs mbstring) function. It's example as below:-
/* Truncate HTML, ...
How to set multiple values in a option box
Hello Reader's!
If you need to set a option box with multiple select options then you can use the logic below:-
Logic is to set the name of your option box in array format, Like
<select name="flower[ ]" multiple>
Lets see the...
HTML datalist Tag
The datalist tag provides a list for options that are predefined for an input element in the html.
The datalist tag can be used to provide an "autocomplete" feature on input elements. After using this the predefined options list is made as we ...
how to use media query to make your page responsive in html?
Hello,
I am sharing an example of html with the use of mediaquery.
Here in the given example below in which i have used 3 separate files,namely
1:Html (a file with .html extension)
2:External css style sheet (a file with .css extensio...
Use of Span tag
Span tag plays a very important role in HTML, CSS designing.It is used to provide beautiful,attracting,as desired features to the attributes using CSS.
SPAN tag is a tag using which attributes can be implemented.
There many tags but we m...
Difference between id and class attribute
1) There are many different kind of CSS
selector which we can use to apply
CSS style to an element in html. ID
and Class are one of them.
Using Class attribute are easier
as compared to id because of the
negative effects of an ID selec...
How to make time slice using Javascript
Hello Reader's If you are genrating the time in Unix time stamp and want to show it like 5 min ago or 3 hours ago then you can use the code below:-
Here we are using NOW of the unix timestamp
function timeSince(ts){
now = new Date();
...
How to reload the webpage if user make no activity
Hello Reader's! If you are looking for functionality for reloading a web page only when user makes no activity for a while, Then you can use the ajax technology for making the html tag refresh.
Lets see the example below:-
<html>
...
HTML List attributes and types
HTML Lists
i)Unordered HTML Lists
An unordered list starts with the ul tag. Each list item starts with the li tag.
Unordered HTML Lists - The Style Attribute
1)Disc: All the list items will be marked with bullets.
eg:
<ul st...
html5 new input attribute- Part 2
Hello
This blog is in continuation with my previous blog about the html5 input attributes.
Here is the link:
html5 new input attribute
1)FORMMETHOD
This attribute is used for submiting data to the given action url overriding the metho...
Refresh the parent window and close the child window on clicking the button in child window
How to refresh the parent window and close the child window on clicking the button in child window using JavaScript
If you want to close your child window and refresh its parent window on click of a button, we can do that with the help of foll...
How to change HTML tags using Javascript
Hi If you want to change the tags of HTML with another tags then you can perform this action using JS in realitme.
Let's consider and example to change the <h2> tag with <i> using JS.
<h2 class="xyzxterms" style="cursor: defaul...
Some Important HTML Codes for Blogging
Either you are a Professional Blogger or doing Guest posting just for Knowledge sharing you must face HTML code problems. I know HTML is a web designing/ programming language but I think every Blogger must know some Basic HT...
Reset or Retrieve value of all hidden type input box of FORM or DIV using jquery
Reset or Retrieve value of all hidden type input box of FORM or DIV using jQuery .each() method. You can use below code for this
<!DOCTYPE html>
<html>
<head>
<title>Reset or Retrieve value of all hidden ...
Make bullet colors in ul li lists using CSS
Hello Reader's
Here is an example bullet list (unordered list) without using any image, you can use custom bullets in your web page as done below.
Here is the HTML
<div class="demo">
<ul>
<li>Your Listing C...
How to use custom filters in our code in AngularJS
Filter is one of the important part in angularJS. There are many default filters like:
1. uppercase
2. lowercase
3. orderby
etc.
We can use these filter simply by adding a pipe character (|) in the expression.
Now we will discuss a custom ...
How To Create a Scrollspy in Bootstrap
With the help of Bootstrap we can create a Scrollspy function.The Scrollspy plugin is used to automatically update links in a navigation list based on scroll position. According to the below example, i am using data-spy=scroll it is used to scol...
How to Avoid HTML Mistakes
Hello Reader's
Here is the article which will help you to know, How to Avoid HTML Mistakes
In this article I will guide you how to avoid minor mistakes when create an HTML Page.
1) Don't use block elements within Inline elements.
**Wrong ...
How to Create Custom Jquery Tabs
Hello Reader's
In this article I will guide you how to create custom responsive tabs without use of any Jquery plugin.
This will surely make your web page faster because its not an plugin. Its an simple custom Jquery HTML & css.
Copy and p...
How to Install DebugKit on CakePHP
Hello Nerds!
If you are going to develop a new project in cakephp then you might need Debugkit for that, and its really a lifesaving tool for rapid developments.
You can install DebugKit using doing the following steps as:-
Step 1:- You ne...
CakePHP 2.0 with Twitter Bootstrap
Hello nerds,
If you want to start your new CakePHP project with Twitter Bootstrap set with it, you can follow the steps as following:-
Step 1: You need to Download CakePHP and Twitter Bootstrap versions. You can easily download them from ...
How Cake PHP redirect with parameters in url
Hello readers,
If you are using cakephp and want to redirect user to any other page/controller with some passing values in url, Well cakephp provides you its own syntax written in php, check bellow example:
$this->redirect(
arra...
How to Change HTML Content in JavaScript
With the help of this javascript function we can change the html content of an element., when we will click on button it will manipulate the DOM (change HTML contents).
<p class="demo">Hello everyone </p>
<button type="b...
CSS3 child and combinators selectors
CSS3 child selector :
CSS3 nth child selector, selects the child element of its parent.
The common syntax: :nth-child(n)
There are many other syntax related to nth-child. Few of them are:
1. :nth-child(odd)
For selecting the odd child elemen...
Trigger function in JQuery
Trigger function has an interesting concept as it is used to execute all handlers and behaviors attached to the matched elements for the given event type.
For example, If I want to have a click event on a button without clicking, we can use this...
How to validate dynamically genetrated form using javascript
If you want to validate the dynamically generated form using javascript:
You can use this code :
HTML :
<div id="example">
<form id="newForm">
<input type="text" name="email" id="email" value="mail" /&g...
CSS filters
Hi all,
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an expe...
How to use Filter in Angular JS
A filter is used to format the value of some expression when it is displayed to the user. It can be think as selecting the elements from an array in a particular format and returns a new array.
It can be used by the following ways:
In HTML ...
Difference between attr() and prop() in JQuery
Many of us uses JQuery.attr() and JQuery.prop() and get the same result, as there is a small difference between the two.
Lets discuss it one by one.
JQuery.attr() :
It generates the value of an attribute for the first element in the set of m...
How to get Geolocation (Lattitude and Longitude) of a point in phonegap
If you want to track the location using phonegap App, you can simply checkout this steps.
1. After creating a project for example "test", you can add a plugin using terminal
cordova plugin add org.apache.cordova.geolocation
After inst...
Flipping of the content and image on hover using CSS3
If a user want to flip his content or image on mouse hover using css3. He can use the code below.
In below example, we have two sided view.
HTML :
<div id="container">
<div id="card" class="shadow">
<di...
How to make favicon for your website
Hi,
If you owning a website you might have seen logo's and banners for it, but there's also a little icon on top on tabs showing your website Icon. That icon is called as Favicon.
this is a icon format you can generate this easily with easy s...
How to Add/Remove multiple classes in Jquery
If you want to remove mutiple classes on click of a button:
HTML:
<div class="container">
<span class="class1 class2 class3"></span>
<button id="clear" type="button"></button>
</div>
JS:
$("#cl...
