Ads 468x60px


Tuesday, January 12, 2016

some useful keyword Very Important & Useful full forms.

WML is Wireless Markup language
HTML is Hyperlink Text Terminal Protocol
XML is Extensible Markup Language
PHP is Hypertext Processor
ASP is Active Server Page
JSP is Java Server Pages
JS is Java Script
ADIDAS- All Day I Dream AboutSports
AUDI-Auto Union Deutschland Ingolstadt
BMW- Baverian Motor Works
AMW- Asian Motor Works
GOOGLE- Global Organization Of Oriented Group Language of Earth
CNN-IBN- Cable News Network-Indian Broadcasting Network
VVS Laxman- Vengipurapu Venkata Sai Laxman
APJ Abdul Kalam- Avul Pakir Jainulabdeen Abdul Kalam
MDH(Massala)- Mahashian Di Hatti
ISCON- International Society for Krishna Consciousness
LASER- Light Amplification by Stimulated Emission of Radiation
i.e- id est (that is)
DNA- Deoxy-ribo Nucleic Acid
CBI- Central Bureau of Investigation
CAT- Common Admissiom Test
RDX- Research Department Explosive
MRF- Madras Rubber Factory
LML- Lohia Machines Limited
STD- Subscriber Trunk Dialling
TOEFL- Test of English as a Foreign Language
SENSEX- Sensitivity Index(of share price)
URL- Uniform Resource Locator
TVS- T.V Sundaram(Co-Founder)
BBC-British Broadcasting Corporation
ATM- Automated Teller Machine
ISI- Indian Standard Institute
IPI- International Press Institute
AT&T- American telegraphic and Telephone Co. Ltd.
ICICI- Industrial Credit and Investment Corporation of India
IDBI- Industrial Development Bank of India
FBI- Federal Bureau of Investigation
HDFC- Housing Development Finance Corporation
VIRUS- Vital Information Resources Under Siege
OBC- Other Backward Classes
MPEG- Motion Picture Experts Groups
NAAC- National Assesment and Accreditation
PSLV- Polar Satelite Launch Vehicle
RADAR- Radio Detecting and Ranging
INTEL- Integrated Electronics
CMYK- Cyan Magenta Yellow Kinda(Black)
JPEG- Joint Photography Expert Group
EMI- Equated Monthly Instalments
WIPRO- Western Indian Products

What is the full form of computer?
C= Common
O= Oriented
M= Machine
P= Particularly
U= United and used under
T= Technical and
E= Educational
R= Research.

तजुर्बे ने ये 10 बातें सिखाई है

(1) आजकल लोग समझते 'कम' और समझाते 'ज्यादा' हैं, तभी तो मामले सुलझते 'कम' उलझते 'ज्यादा' हैं! .
(2) ज़ुबान की हिफाज़त, दौलत से ज्यादा मुश्किल है ! .
(3) गरीबों का मज़ाक मत उड़ाओ, क्युँकि गरीब होने में वक्त नहीं लगता! .
(4) अगर इबादत नहीं कर सकते, तो गुनाह भी मत करो ! .
(5) दुनिया ये नहीं देखती कि तुम पहले क्या थे, बल्कि ये देखती है कि तुम अब क्या हो ! .
(6) जहां अपनी बात की कदर ना हो, वहां चुप रहना ही बेहतर है ! .
(7) धनवान वह नहीं, जिसकी तिजोरी नोटों से भरी हो , धनवान तो वो हैं जिसकी तिजोरी रिश्तों से भरी हो ! .
(8) लोगों से मिलते वक्त इतना मत झुको, कि उठते वक्त सहारा लेना पड़े! .
(9) शिकायते तो बहुत है तुझसे ऐ जिन्दगी, पर चुप इसलिये हु कि, जो दिया तूने, वो भी बहुतो को नसीब नहीं होता! .
(10) न सफारी में नज़र आई और न ही फरारी में नज़र आई; जो खुशिया बचपन मै दोस्तों के साथ साईकिल की सवारी में नज़र आई !!

Friday, January 8, 2016

How to create a element in jquery ?

Hi it's very simple download to jquery plugin and write some code Define a variable assign to value as like this
Jquery Code here
// Create a HTML Tag Code here start
var newDiv = document.createElement('div');
$(newDiv).html('This is wraper section');

$(newDiv).appendTo($("body")) ;// wraper div append to body
// Create a HTML Tag Code here end

Monday, July 6, 2015

How to create Accordion in simple jQuery code .

How to create Accordion in simple  jQuery code .

It's very simple now create simple html code and apply this simple jquery code as like this

HTML Code here
<div id="accordion">
    <h2><a href="#">Accordian Tab 1</a></h2>
      <p>Accordian Tab 1 Data</p>
    <h2><a href="#">Accordian Tab 2</a></h2>
      <p>Accordian Tab 2 Data</p><br />
    <h2><a href="#">Accordian Tab 3</a></h2>
      <p>Accordian Tab 3 Data</p>
    <h2><a href="#">Accordian Tab 4</a></h2>
      <p>Accordian Tab 4 Data</p>
Css Code here
body {
  font-family: arial;
  font-size: 12px;
#accordion h2 {
  padding: 10px;
  margin: 0;
  border: 1px solid #4679bd;
  background-color: #4072b4;
  font-size: 14px;
  border-top: 3px solid #ccc;
#accordion h2 a {
  text-decoration: none;
  color: #ffffff;
#accordion div {
  padding: 0 10px;
  margin: 0;
  border: 1px solid #4679bd;
  color: #000;
Jquery Code here
$(document).ready(function() {
  $("#accordion div").hide();
  $("#accordion h2").click(function() {
    $(this).next("#accordion div").slideToggle("slow").siblings("#accordion div").slideUp("slow");
Demo Jsfiddle

Friday, March 21, 2014

How to Creating Content Tabs with Pure CSS

Creating Content Tabs with Pure CSS it's very simple Try to this code
HTML Code here
<ul class="tabs">
<li> <input type="radio" checked name="tabs" id="tab1">
<label for="tab1"> tab 1</label>
<div id="tab-content1" class="tab-content"> Tab Content 1 </div> </li>

<li> <input type="radio" name="tabs" id="tab2"> <label for="tab2">
tab 2</label>
<div id="tab-content2" class="tab-content">
Tab Content 2 </div> </li>

<input type="radio" name="tabs" id="tab3">
<label for="tab3"> tab 3</label>
<div id="tab-content3" class="tab-content">
Tab Content 3 </div> </li>
Css Code here

body, html {
height: 100%;
margin: 0;
-webkit-font-smoothing: antialiased;
font-weight: 100;
background:#90f286 ;
text-align: center;
font-family: arial;

.tabs input[type=radio] {

.tabs {
width: 600px;
list-style: none;
position: relative;
padding: 0;
margin: 75px auto;

.tabs li{
float: left;

.tabs label {
display: block;
padding: 10px 20px;
border-radius: 2px 2px 0 0;
color: #000;
font-size: 24px;
font-weight: normal;
background: rgba(0,0,0,0.2);
cursor: pointer;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

.tabs label:hover {
background: #0a71a5;
top: 0;

[id^=tab]:checked + label {
background: #0a71a5;
color: white;
top: 0;

[id^=tab]:checked ~ [id^=tab-content] {
display: block;

z-index: 2;
display: none;
text-align: left;
font-size: 20px;
padding-top: 10px;
background: #0a71a5;
padding: 15px;
color: white;
position: absolute;
top: 51px;
left: 0;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;

Demo Jsfiddle

Section have a fixed position when it hits the top of the screen

How to do this it's very simple here example see below .
Jquery Code
var oritop = -100;
$(window).scroll(function() {
var scrollt = $(this).scrollTop();
var elm = $(".scrollTopWindow");
if(oritop < 0) {
oritop= elm.offset().top;
if(scrollt >= oritop) {
elm.css({"position": "fixed", "top": 0, "left": 0});
else {
elm.css("position", "static");
Css here code as Sample
.scrollTopWindow {
background-color: red;
width: 150px;
height: 100px;
color: white;
HTML Code here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
Some Content here
<div class = "scrollTopWindow"> Scroll top window and fix me ! </div>

Demo Jsfiddle

Wednesday, March 5, 2014

How to create a tooltips with jQuery

simple idea to create a tooltips
<input type="text" title="Here put your toottips text " />
.autoSugest{background:#fffdef;border:1px solid #cac6ad;
padding:7px 15px;
content:url("../../images/tootl-tip-arrow.png"); height:8px;
$.fn.autoSuggest = function(){ return this.each(function(index, elm){
$(elm).attr('data-title', $(elm).attr('title')).attr('title', '');

$(elm).on('focus', function(){
var element = $(this),
posTop = element.offset().top + element.outerHeight() + 10,
posLeft = element.offset().left,
toolTipWidth = element.outerWidth() > 90 ? element.outerWidth() : 250,
titleText = element.attr('data-title');
if(titleText && titleText != ''){
$('<div />', {class: 'autoSugest', text : titleText, css : {left: posLeft, top: posTop, maxWidth: toolTipWidth}}).appendTo('body').fadeIn();
return false;
$(elm).on('blur', function(){
}); };
    $('input[title]').autoSuggest(); });