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
How to create Navigation Menu in AngularJS
In the example below, I have built a navigation menu. Here I am using Angular directives to set menu button, when I will click on menu button It will display just below navigation menu bar.
<div id="main" ng-app>
<!-- The navigat...
Responsive CSS Counter-Increment
Hello Reader's
In this article I will guide you about the Responsive CSS Counter-Increment. As in example you can see the css counter counting itself.
Here is the example below you can copy & paste the code.
Here is the HTML
<div...
How to bind onclick event function in JQuery
In the example below, I have created a bind onclick event function. when we will click on the button, element will dynamically added to DOM and it will bind the click event only to the elements that exist at the time of binding. To bind the cl...
Tutorial 3 - AngularJS Filter
Hi all,
In angularJs filters are use to change and modify the data. We can use multi filter using pipe (|).
Below is some example of filters-
1) uppercase
2) lowercase
3) currency
4) filter
5) orderby
Uppercase :-
Uppercase fi...
How to Create a Responsive Image Slider in jQuery
By using jquery image slider plugin we can create Responsive Image slider .In below example, I am using rslider plugin.
Step-1. Link files
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
&l...
How to use getElementById() method in javascript
In the example given below document.getElementById returns a reference to our HTML element myText. We store this reference into a variable 'myTextField', and then use the 'value' property, that all input elements use to grab the value.
<scr...
What is Bootstrapping in AngularJS?
Hi all,
Bootstrapping is the equivalent of starting, or initializing your Angular app. There are 2 ways to do so.
First :-
<html ng-app="appName">
-
-
</html>
Second:- After creating your app, you should use this when ...
base_url in CakePHP
Hello if you want current base url(Include Domain) or Get current url.
Lets take an example
http:// localhost/root_folder.
you just need to write the following code below:-
<?php echo $this->Html->url('/', true)?>
How to disable caching completely in Cakephp?
Hello if you want to disable you website's caching complety you just need to write configure code in core.php file
ex
You will have to look into /app/config/core.php and look for the line
Open app/config/core.php file and try to find
Con...
Formatting currency using Angular
Hi all,
Here is an example how to format currency using Angular filters.
Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default symbol for current locale is used. - AngularJS
HTML:-
<body ng...
How can we find the number of days between given two dates on php 5.3 and above
Hi if you are using php version 5.3 or greater then some functions are really very quick to write and use.
In this blog I am calculating the days between your given two dates.
This is by far the most accurate way of calculating the differenc...
looping list using ng-repeat
Hi folks,
The below example will demonstrate how to do looping over lists in templates using ng-repeat.
<html ng-app="nameApp">
<head>
<meta charset="utf-8">
<title>Angular.js Example</title>
...
Initializing the model using an Angular controller
Hi all,
Below example will demonstrate, How to Initializing the model using an Angular controller, defined with a global function.
<html ng-app="nameApp">
<head>
<meta charset="utf-8">
<title>Angular.js ...
Looping over list in template using ng-repeat (angularJS)
The ngRepeat directive instantiates a template once per item from a collection. Each template instance gets its own scope, where the given loop variable is set to the current collection item, and $index is set to the item index or key. - angularJ...
How to Update Marker position on google map
By using this function when we will click on Marker, its location will be shown on tha map. Here we have a function , first we will create "infowindow" object outside the function (global scope), then we will make infowindow objec constructor...
Clicking on marker generate popup on google map
By using this function, when we will click the marker, a popup will be shown on map. Here we have a function , first we will assign the content to a string name, then we will pass that value to the function .
Watch below:-
function initializ...
How to use upload files with JQuery
Here is the example for *How to use upload files with JQuery. *
If you having trouble with such issues, then use the below code.
Here is the HTML
<div class="flie-btn clearfix">
<input class="fileinput" type="file" name="d...
how to bind click event on dynamically created elements
Below is the example for how to bind click event on dynamically created elements.
If you having trouble with such issues, then use the below code.
Here is the HTML
<a href="#" class="button">Button</a>
<div class="lis...
AngularJS Controllers
AngularJS applications are controlled by controllers. A controller is a JavaScript Object, which is created by a standard JavaScript object called constructor. In below example lastName and firstName are two properties of controller object demons...
How to centralize div horizontally and vertically ?
Hi all,
Here are two method to center align a position of div.
div{
height: 200px;
width: 200px;
background: #ccc;
top:0;
bottom: 0;
left:0;
right: 0;
margin: auto;
position: absolute;
}
In...
Rollover with a Mouse Event
With the help of JavaScript and html we create a "Rollover with a mouse event" function. Here we have two images. when we place mouse over image(1), the image(1) changes to image (2) and when we move the mouse away from that image, the original i...
How to make Inside border transparent ?
Hi all,
Here are two method to make transparent border first is by using pseudo element and second is by using background-clip
Example 1:-
In the method I'm using pseudo element :before
.box-border {
background: #0f8ac3;
c...
How to change placeholder color ?
Hi all,
Many time we need to change the input placeholder color or style so here is an pseudo element ::placeholder which can helps you. placeholder defult color is gray with 0.6 opacity so if your input background color is dark in gary, you...
Google Map integration in PHP to Calculate Latitude and Longitude
This code will calculate the latitude and longitude of the place in background on entering the place name.
For integration of Google map to calculate Latitude and Longitude major script is :
<script src="https://maps.googleapis.com/maps/...
How to append/add set of input field in a form with just once click?
I designed my form with writing this script below. In this script showing $(wrapper).append() will trigger the action of adding the input boxes or any thing that you put inside it. For ex I used name, email and phone input text boxes. All you ju...
How to remove a HTML element using Jquery
Hello reader's,
Below is the example to Remove the HTML element using Jquery
If you having trouble with such issues, then use the below code.
Here is the HTML
<p>Write your text here.</p>
<p>Write your text here.<...
How to Get height width or element using Jquery
Hello reader's,
Below is the example for Getting height width or element using Jquery
If you having trouble with such issues, then use the below code to resolve such issues.
Here is the HTML
<button id="dummy-height">Get div Heigh...
How to Create Cross-Browser Custom Upload Button with Jquery
Hello Reader's
In this article I will guide you to create Cross-Browser Custom Upload Button With JQuery
If you facing any problem for upload button use this code.
Here is the HTML
<div class="Container">
<label>Upl...
Simple Parallax Effect with smooth scrolling Jquery
Hello reader's,
Below is the example for Simple Parallax Effect with smooth scrolling Jquery
If you having trouble with such issues, the use the below code.
Here is the HTML of Scroll trigger
<div class="carousel-indicators">
...
Add or Remove Class by Using Jquery
Hello Guys
The below example will guide you to add or remove class by using jquery.
So if you are stuck in such case follow the below code.
Here is the HTML Code
<nav>
<ul>
<li><a href="javascript:v...
How to show any video from Youtube to your website customized
Hi,
You want to show any video from youtube to be shown in you website, read my following steps
There are several other customization features that you can do with video ,i.e.(set Height or width, set youtube logo, Show suggested videos when t...
custom checkbox and radio button using pure css
Hi all,
Here is an example of custom radio button and check box using pure css.
I hope it will helps you.
CSS :-
**/*Radio button*/
.radio, .checkbox{display: inline-block;}
.radio { padding:5px; margin-left:40px; }
.radio input[ty...
How to Integrate Skype with Webpage ?
Hello Readers,
Here I am mentioning steps to integrate Skype with a webpage.
Hope it will help you somewhere.
To generate code for Skype buttons, use URL
http://www.skype.com/en/features/skype-buttons/create-skype-buttons/
You will get t...
Fonts sizes
Hello Readers
In this article I will guide you about the font size diffidence pixels, points, ems & %.
Here is a flow chart below in which I have mention the difference between pixels, points, ems & %. these font sizes are not actual.
...
Create Horizontal Accordion Using CSS3 and HTML
It is a simple horizontal accordion built in CSS3 and HTML. Copy CSS3 code and paste it between style tag.
CSS
body, button, input, select, textarea { font-family: sans-serif;}
/*Define Accordion box*/
.accordion { width:830px; overflow...
How to get selected drop box text
Normally when we select a value from drop bax then we get the value of option. Here when we will select a value of option then we will getting text of option.
SO to get selected drop box text use below code example-
Javascript
function get...
Load html file from assets folder in a WebView
By doing following steps you can load the HTML file from the assets folder inside your application:-
1) Copy that HTML file inside your assets folder.
2) Define a WebView in your layout, like this
<WebView
android:id="@+id/webvi...
Bootstrap versus Foundation
*{margin:0;padding: 0;}
.mdUP table{border-collapse: collapse;width: 100%;margin:10px 0;}
.mdUP table thead{background: #ccc;}
.mdUP table th, .mdUP table td{padding: 5px;text-align:center;border:1px solid #ccc;}
...
Guide to Flexbox
pre{padding:4px;margin:5px 0;border-radius:0;color:#fff;background:#333;border:none;}
Introduction :
The flexible box called as flexbox is an powerful idea to give the container ability to alter their items
You can adjust child eleme...
Css3 transition effect
Hello Readers
This blog will describe about, what is transition property in CSS3.
transition property
The transition property specifies the name of the CSS property, the transition effect starts when the specified CSS property changes). CSS3 ...
stylish check box using pure css
Hi all,
Below is an example of custom check box, using pure css here is no any script.
You can use this example many type, like to select some image or theme. I hope it will helps you somewhere.
HTML:-
<div class="wrap">
...
CSS3 Selectors
pre{padding:4px;border-radius:0px;}
Hi all,
Selector are the basic component in the CSS. Here's a definition of the selector from W3C documentation -
A Selector represents a structure. This structure can be used as a condition (e.g. in...
How to set a type on buttons
The default value is submit, meaning any button in a form can submit the form. Use type="button" for anything that doesn't submit the form and type="submit" for those that do.
<button type="submit">Save changes</button>
<button...
Switch list/grid view using jQuery
Hi all,
Below is an example of switching between list and grid view using jQuery.
$( document ).ready(function() {
$('.show-list').click(function(){
$('.wrapper').addClass('list-mode');
});
$('.hide-list').c...
How nth-child Works ?
Hi folks,
The :nth-child(n) selector is a pseudo element. which show the position on there parents element.
You can use (even) and (odd) for all even or odd child element.
:nth-child(odd)
For example:-
tr:nth-child(2n+1)
Rep...
Simple custom dropdown by using css
Hello Readers
Here is the example of custom drop down by using Css and HTML.
Here is the HTML
<div class="container">
<div class="customSelect">
<span class="arrow"></span>
<select i...
Use of prefix in css3
Hello Readers,
As we all knows that The CSS3 property allows you to add depth to your website's design without the need for images or extra container elements but when we use these property.
For Css3 it is vital that it works on all browser...
Flipping a div by css3
Hello Readers
Here is the example of
Flipping a div with css3 transitions and 3d transforms.
<div id="container">
<div id="card">
<div class="frontFace">
<h2>Hover Me to view effect</h2>...
CSS support guide
Hello all,
below is a list of
a complete CSS support for every mobile, web and desktop email.
*{margin:0;padding:0;}
.mybox table{font-size: 13px;font-family:'arial';border-collapse: collapse;}
tr.header{height:auto;}
...
Meta tag and its uses
What is meta tag?
The <meta> tag gives metadata about the HTML document.
It is a machine parsable and the metadata will not be displayed on the page.
These elements are typically used to specify page description, keywords, author of the ...
