JavaScript function define & ways use of it.

Today we are going to start new session,
Html & JavaScript function.
In this session following points are explain.
1.what is function.
2. How to called function within function.
3. How define global variable & use in function .
4. Use function within jQuery.
5. Calling ways of functions.

An function is set of code that use to solve specific problems, it defines all detail of point.

Ex. Today I am going to school.
Answer:
Function school ()
{
Var auto= "charges of auto";
Var ready = "dress wearing & all prepared";
If (auto=='not ')
{
Alert ("you should try again");
}
Else
{
Alert ("go fast auto ready");
}
}

In above function if you see details of function variable passes auto position.
After checking an condition system display message whether you are go to school or not.

Suppose another example

Function abc()
{
If(var a== 'hello')
{
alert ("good morning");
}
Else
{
Function status ()
{
Var after = ' afternoon ';
}
}

abc();

Above function execute & if you alert variable after it displays message
About status is afternoon.

If you define variable before start function.
It says to be global or use global variables name.

If you are using jQuery simply called function.

$(document).ready(function()
{
Abc();
});

In this way function use within jQuery.
There are different ways to call function,
Onclick like html event.

Specific of function:
1.easy of use
2. One function call number of times
3. Is form short code
4. Reduce web loading time.

View more details on next session
Don't forget share.

How animated jQuery affect on chart

Hi everyone welcome again today we are going to show more details on animated jQuery.

$(document).ready(function () {
            $('#chart).animate({
                title: { text: 'Animation' },
                animation: {
                    enabled: true,
                    delayTime: 1,
                    duration: 2
                },
                series: [
                    {
                        type: 'column',
                        title: 'Column',
                        data: [['A', 49], ['B', 35], ['C', 68], ['D', 30], ['E', 27], ['F', 85], ['D', 43], ['H', 29]]
                    },
                    {
                        type: 'line',
                        title: 'Line',
                        data: [['A', 69], ['B', 57], ['C', 86], ['D', 23], ['E', 70], ['F', 60], ['D', 88], ['H', 22]]
                    }
                ]
            });
        });

Above example shows chart change per second you can in showing company profit, share market position,
Chart are very important according to mathematical functions it is pictorial representation of value.
Hence chart are very important.
Suppose you have website and show company growth status then is very good to learn.
Remember the following points.
1) Animation is increasing user impression.
2) animation shows clear image representation.
3) image slider uses animation.
4) animation helps to perform any action with certain instances of time.
5) animation is very easy to learn.
6) also remember is not harm site or not increase loading time.
Thanks for viewing session...
We can continue in next session.

Session 10: How To Make Animation Using Jquery

hi ,
welcome again ,
today we are going to start session 10 , an interesting session based on making animation. anyone can make animation. there are different way of making animation ,from this here we are showing jquery animation.
let us see below example:

$('document').ready(function()
{
$('.button').click(function(){
    $(".abc").animate({
        height: "toggle";
    });
});  
}); 

in above simple example if you click on button an div whose class abc showing height zero to original & if you click again it reverse.

now let us see more detail:
 

$('.button').click(function(){
    var div = $(".abc");
    div.animate({right: '330px'}, "slow");
    div.animate({font-size: '9pt'}, "slow");
});    

in above example div get animated to right with change font size.
note: above animation support in all browser
 * see be careful this example 

$(document).ready(function(){
 // Start animation
 $(".start-btn").click(function(){
 $("img").animate({left: "+=150px"}, 2000);
    });

    // Stop running animation

    $(".stop-btn").click(function(){

      $("img").stop();

    });

    // Start animation in the opposite direction

    $(".back-btn").click(function(){

      $("img").animate({left: "-=150px"}, 2000);

    });

    // Reset to default

    $(".reset-btn").click(function(){

      $("img").animate({left: "0"}, "fast");

    });

});

above example of image animation in which affect using three button reset, back , stop button

we will more detail & intresting example in next session.
thanks for viewing please share & comment. which will help to give more knowledge.

Jquery & AJAX connectivity, working of jquery with ajax

hi everyone,
today i am going to show you next learning session which depends on jquery & ajax(asynchrnous javascript) & connectivity.

for this let see below example

eg:
      <script type = "text/javascript"
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
       
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("#sampl").click(function(event){
               var name = $("#name").val();
               $("#abc").load('/jquery/abc.php', {"name":name} );
            });
         });
      </script>
   </head>
   
   <body>
      <p>Enter your name and click on the button:</p>
      <input type = "input" id = "name" size = "400" /><br />
       
      <div id = "abc" style = "background-color:00ccff;">
        
      </div>
       
      <input type = "button" id = "sampl" value = "check if value" />

above example load an abc.php file
& with ajax if click on button it gets var name from file & result is abc.


let us another example  of ajax

$('.btn').click(function() {
 
  $('.text').text('loading . . .');
 
  $.ajax({
    type:"GET",
    url:"abc.com",
    success: function(data) {
      $('.text').text(JSON.stringify(data));
    },
    dataType: 'jsonp',
  });
 
});

if click on button current value of text div get & replace with loading text.
in this exmple also use jsonp & from this url whatever data , get it string.


above exmple
uses,
stringify, jsonp , get method, sucess funciton & follow url , button click funtion.
so this good & pretty simple exmple to learn .


we will continue detail in next session.

thanks for viewing blog, share with friends & all.

Advance & special session, connect laptop to laptop or computer or TV AND transfter Data

Welcome to our special session:

A.Connecting Laptop to computer or another laptop
B. connecting TV to laptop using HDMI


A) --->
1.if you have large number of data.
suppose 10gb, 200gb,
and you want backup to another pc then easiest way is above first option(size not restricted it may be 1mb or 1tb)

2. LAN wire
purchase cross or parallel LAN wire.

3. connect LAN in both point ie. laptop & other laptop.

4. after connect open LAN connection
for this view right bottom corner of windows7(you can use any OS from XP to above)

5. or go to--> Control Panel\Network and Internet\Network and Sharing Center
in this you can view LAN(local area network) connection on both computer or laptop.
 
click on connection in this select ipv4

 

and in property enter 192.168.0.1 on first PC & another 192.168.0.2

6. now almost done just simply open network
you can view whatever is share by another PC. 

7. approximately 12mbps speed of this type of connection

8. in case any query comment & share your known people using any share media.

sample of LAN CABLE

B) -->


now let us going connect tv to laptop
1. you should have a TV(not need smart TV) in which HDMI or VGA connection .

2. check this by remote, simply press AV button on remote. if you view an HDMI option that means your TV is connect to laptop

3. now start both TV and laptop or computer(i preferred laptop because easily move anywhere, you can desktop also )
4. after connect both point by HDMI cable open HDMI option from remote it will directly show desktop on your TV.
5. you can play movie , marriage video, or anything in case if you don't have USB cable.
6. show presentation on TV not need of smart TV.

sample of HDMI cable

7. thanks for viewing please share & comment.

LEARN SESSION 8 -- HTML & JAVASCRIPT MORE DETAILS

hi every one today i am going to start session 8 .

let us see more exmple to know detail connectivity of html & javascript

example 1:
<!DOCTYPE html>
<html>

   <head>
      <title>JavaScript & html connectivity</title>
    
    
      <script type = "text/JavaScript">
         function Hello() {
            alert("Hello, MAYUR");
         }
      </script>
   </head>

   <body>
      <input type = "button" onclick = "Hello();" name = "ok" value = "Click Me" />
   </body>

</html>

above exmple is alert message when user click on button it shows message of hello mayur.


let see another example

<!DOCTYPE html>
<html>
<body>

<p id="abc"></p>

<script>
var currentdate, somedate, output;
currentdate = new Date();
somedate = new Date();
someday.setFullYear(2018, 4, 18);

if somedate > currentdate) {
    output = "Today is not may 18, 2018.";
} else {
    output = "yes today is 18 may, 2018.";
  alert('oops!! ok try again for next time');
}
document.getElementById("abc").innerHTML = output;
</script>

</body>
</html>

in above example checking how current date is cheking for entered date if match then show certain result otherwise go to else condition it show message about try next time.

in below i use this script in which check if enter data is date below script get data from abc id tag & display result

<script>
var date1 = new Date();
document.getElementById("abc").innerHTML = isDate(date1);

function isDate(date1) {
    return date1.constructor.toString().indexOf("Date") > -1;
}
</script>

thanks for watching...please dont forget to share ..

Advanced Session on JSON how object declare in javascript

hi every one today i am going to start session 7 .
let us know some short review on JSON

what is JSON.

JSON: JavaScript Object Notation.
JSON -- > a syntax for storing and exchanging data.
JSON ---> text, written with JavaScript object notation.

var abc = '{ "age":26, "city :PUNE",''name:siddhanam" }';
var anobj = JSON.parse(myJSON);
document.getElementById("abc").innerHTML = myObj.name;
<h2>Convert a string written in JSON format, into a JavaScript object.</h2>
<p id="abc"></p>

if you look at above example you can see declaration of object to variable in short declare, store , transfer in DOM this are main working of JSON.
 above example uses json parse method,
what is json parse???

common use of JSON is to exchange data to/from a web server. When receiving data from a web server, the data is always a string. Parse the data with JSON.parse(), and the data becomes a JavaScript object. 

in above figure shows how json parse  working.

now let us see JSON with php

<!DOCTYPE html>
<html>
<body>

<h2>Example of JSON.</h2>

<p id="abc"></p>

<script>

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myObj = JSON.parse(this.responseText);
        document.getElementById("demo").innerHTML = myObj[2];
    }
};
xmlhttp.open("GET", "trial.php", true);
xmlhttp.send();

</script>

</body>
</html>

in above code there is getting result of trial.php file and assign value to demo div.
suppose you type an address in trial.php or anything data by using this xmlhttp request & get method browser will show result.

json is not need any external installation .

our aim is to gain & share more & more knowledge.
you can comment if any improvement wants or if you want discuss any specific topic.
please share with your friends & all . thanks for viewing this blog. will see more detail in next session.

Session 6 HTML & CSS & JAVASCRIPT CONNECTION

hi every one today i am going to start session 6 .
let us know more example of html with css

LET US see how to define & effect of css on html

<html>
<style>
.body
{
width:100;
padding:0;
margin:0;
}
.abc
{
width:100%;
color:red;
background:#eaeaea;
}
<style>
<body>
<div class="abc">hello this is an example</div>
<br/>
<span>here text sample</span>
<h2>Welocome Here</h2>

</body>
</html>

in the above exmple declare css that define style for div in which apply background color & color to div . text is looking in red color.

now write this code in any editor & save as html or htm extension.

and open this file in browser you see output.


now let us see another exmple.

<html>
<style>
.body
{
width:100;
padding:0;
margin:0;
}
#abc
{
width:100%;
color:red;
background:#eaeaea;
}
.xy
{
font-size:18px;
font-weight:bold;
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

<style>
<body>
<div id="abc">hello this is an example</div>
<br/>
<p>hello this is just example</p>
<span>here text sample</span>
<h2>Welocome Here</h2>
<div class="xy">hi here you can learn web programing</div>
</body>
</html>


<!doctype html>
<html>
<head>
<script>
function adding(){
var a,b,c;
a=Number(document.getElementById("firstinput").value);
b=Number(document.getElementById("secondinput").value);
c= a + b;
document.getElementById("result").value= c;
}
</script>
</head>
<body>
<input id="firstinput">
<input id="secondinput">
<button onclick="add()">Add</button>
<input id="result">
</body>
</html>

please share with your friends & all . thanks for viewing this blog. will see more detail in next session.

Advanced Session on Jquery language

hey everyone

today i am going to show what is jquery

jquery has library of javascript. which is very easy programming languages

let us learn some advance of jquery language.

1. what is traversing function in jquery.

$('span').not('.trial, .abc'); this is example of traversing:  traversing means select such span which has not name trial or abc.

2. jquery chaining
as name is chain for method this is basically help to join multiple function to each other.
eg:

 $("#abc").click(function(e) {
 alert("click!");
 }).mouseover(function(e) {
 alert("mouse is here!")
 }).mouseout(function(e) {
 alert("mouse oh!hhh gone")
 });

3. siblings for finding similar  of element

eg:$('h1').siblings();

4. ajax get & post
$('#abc').click(funciton(){
$.get("abc.txt", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

5. please like & share to all
if you have any query please comment.
visit our blog learnmayuinfosyssolutions.blogspot.in .

thanks For Watching.