Sunday, December 2, 2012

CSS: Different versions with variations

CSS 1:
The first CSS specification to become an official W3C Recommendation is CSS level 1, published in December 1996. Among its capabilities are support for

    Font properties such as typeface and emphasis
    Color of text, backgrounds, and other elements
    Text attributes such as spacing between words, letters, and lines of text
    Alignment of text, images, tables and other elements
    Margin, border, padding, and positioning for most elements
    Unique identification and generic classification of groups of attributes

The W3C no longer maintains the CSS 1 Recommendation.

Read more »
Posted by at No comments:
Labels: ,

JavaScript Switch Statement

Use the switch statement to select one of many blocks of code to be executed.
Syntax
switch(n)
{
case 1:
  execute code block 1
  break;
case 2:
  execute code block 2
  break;
default:
  code to be executed if n is different from case 1 and 2
}

Example:
var day=new Date().getDay();
switch (day)
{
case 0:
  x="Today it's Sunday";
  break;
case 1:
  x="Today it's Monday";
  break;
case 2:
  x="Today it's Tuesday";
  break;
case 3:
  x="Today it's Wednesday";
  break;
case 4:
  x="Today it's Thursday";
  break;
case 5:
  x="Today it's Friday";
  break;
case 6:
  x="Today it's Saturday";
  break;
}
Posted by at No comments:
Labels: ,

Javascript conditional statement

When you need to make program to make decisions, conditional statements are used. In javascript we have following conditional statements:


  •  if statement - use this statement to execute some code only if a specified condition is true
  • if...else statement - use this statement to execute some code if the condition is true and another code if the condition is false
  •  if...else if....else statement (nesting of if else)- use this statement to select one of many blocks of code to be executed
  • switch statement - use this statement to select one of many blocks of code to be executed

If Statement:

Executes the code if a specific code is true

Syntax:

if(condition)
{
code
}

Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Siple Javascript conditions</title>
</head>
<body>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="";
var day=new Date().getDay();
if (day=="6")
  {
  x="Happy Weekend!";
  }
 document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

If...else Statement

Use if..else statement to execute some code if a condition is true and another code if the condition is false

Syntax:
if (condition)
  {
  code
  }
else
  {
  code
  }

Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Siple Javascript conditions</title>
</head>

<body>
<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x="";
var day=new Date().getDay();
if (day=="6")
  {
  x="Happy Weekend!";
  }
  else{
      x="Have a Good day";
  }

document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

If...else if...else Statement

Use the if....else if...else statement to select one of several blocks of code to be executed.

Syntax:

if (condition1)
  {
  code
  }
else if (condition2)
  {
  code
  }
else
  {
  code
  }

Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Siple Javascript conditions</title>
</head>

<body>
<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x="";
var day=new Date().getDay();
if (day=="6")
  {
  x="Happy Weekend!";
  }
  else if(day == "1"){
      x="Have a Good start of a week";
  }
  else
  {
      x="Have a good day";
  }

document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>
Posted by at No comments:
Labels: ,
Subscribe to: Posts (Atom)