Home

$(document).ready(function(){

// your code goes here

});

// OR

jQuery( document ).ready( function( $ ){  

// your code goes here

});

//OR

$(function() {

// your code goes here

});

//FUNCTION DECLARATION
alert(foo()); // Alerts 5. Declarations are loaded before any code can run.
function foo() { return 5; } 

//FUNCTION EXPRESSION
alert(foo()); // ERROR! foo wasn't loaded yet
var foo = function() { return 5; } 

function eleFromTop() {
        
	var aboutTopp = $(".about-text").offset().top;
	var windowPos = $(window).scrollTop();
		  
	var actualDifAbout = (aboutTopp - windowPos);
	  
	// GETTING YOUR VALUES DIN DEVELOPER CONSOLE
	console.log("actualDifAbout = ".actualDifAbout); 	  
}

$(window).scroll(function(){

	eleFromTop();
  
});

// GETTING THE VALUE
var eleTitle = $(".element").attr("title"); // getting the title in var eleTitle
console.log(eleTitle);

// SETTING THE TITLE
$(".element").attr("title","My Title"); // setting the title for element

// .animate( properties [, duration ] [, easing ] [, complete ] )

$( "#clickme" ).click(function() {
  $( "#book" ).animate({
    opacity: 0.75,
    left: "+=50",
    height: "toggle"
  }, 5000, function() {
    // Animation complete.
  });
});

// SETTING DIRECT VALUE
$(".item1").css("height", "100px"); 

// SETTING VALUE THROUGH VARIABLE
$(".item2").css("height", heightVar); 

// MULTIPLE CSS ATTRIBUTES
$(".item3").css({"height" : "100px" , "width" : widthVar }); 

if (window.location.pathname == "/") { // CHECK IF PAGE IS ON HOME
	// YOUR CODE
}

if (window.location.pathname == "/portfolio/clothes/") { // CHECK IF PAGE IS ON portfolio -> clothes
	// YOUR CODE
}

window.location.href //returns the href (URL) of the current page
window.location.hostname //returns the domain name of the web host
window.location.pathname //returns the path and filename of the current page
window.location.protocol //returns the web protocol used (http: or https:)
window.location.assign //loads a new document

$('form#myform').on('submit' , function(e){
e.preventDefault();
       $.ajax({
        url:"function1.php" , 
        type: "POST" ,
        data: {
		  fname: $('#fname').val(), // you can change fname with what you want
		  lname: $('#lname').val() // you can change lname with what you want
       },	
        success: function(data){
			$('#responce-box').html(data);}
        });
    });

// AND THE PHP CODE
// SETTING THE VALUES INTO PHP VARIABLES
$fname = $_POST['fname']; 
$lname = $_POST['lname'];

/* USING substr function */

var fullAdress = "1345 albany street, Bellevue WA 42344"

var BEFORE = fullAdress.substr(0, fullAdress.indexOf(',')); 
var AFTER = fullAdress.substr(1, fullAdress.indexOf(',')); 

// SEE THE VAR IN CONSOLE
console.log(BEFORE); // output: 1345 albany street
console.log(AFTER); // output: Bellevue WA 42344



/* USING split and custom function */

function getSecondPart(str) {
    return str.split('-')[1];
}

function getFirstPart(str) {
    return str.split('-')[0];
}

// USE THE FUNCTION IN ALERT
alert(getSecondPart("sometext-20202")); // output : 20202
alert(getFirstPart("sometext-20202")); // output : sometext

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

window.localStorage // stores data with no expiration date
window.sessionStorage // stores data for one session (data is lost when the browser tab is closed)