Friday, December 14, 2012

Javascript: Reserved words

Javascript: Reserved words

In JavaScript, reserved words are a combination of keywords used for JavaScript and words that are reserved for use in future versions of JavaScript. You must be extremely careful not to use reserved words for the names of variables, functions, methods, or objects. The list of reserved words generally includes 59 different words, we also added a couple that the programmers are not sure about yet. The typical list of 59 reserved words is as follows.

Javascript - Page printing

Javascript - Page printing

Many times you want to print the page or print any forms or informations. So this function is very helpful for all the web- programmers.

The JavaScript print function window.print() will print the current web page when executed. You can call this function directly using onclick event as follows:

Javascript: Page redirection

Javascript: Page redirection

Page redirection is very usefull technique for website development. If a user opens an x page then by using redirection method you can tell to open y page. But still users think they are viewing x page.

This is very helpfull in the case when you move your domain name. And when some one enters the same url you can redirect to some other site without actually disturbing the visitors or any interuptions.

Sunday, December 9, 2012

HTML 5: Different input types - input type url

Similarly as the input type email earlier, an another input type is url. It also validate if the user has inputed url or not. If not it shows message as before.

HTML 5: Different input types - input type email

HTML 5 have added many input types. This is one of the feature which really has made HTML 5 awesome and interesting to use. Those some input types are as below:
- email
- url
- number
- tel
- date

Friday, December 7, 2012

HTML 5 Form Validations

HTML 5 has introduced Javascript plug-ins to achieve something similar effect.

But these code will only work in Safari 5, Chrome 6, Opera 9, Firefox 4 Beta and the iPhone/iPad. Also each browser has a slightly different default behaviour.

The "required " attribute

The simplest change you can make to your forms is to mark a text input field as 'required':

Different versions of HTML

HTML is an evolving language, and each new version is given a number. The first definitive version was HTML 2.0 -- this had most of the elements we know and love, but was missing some of the Netscape/Microsoft extensions, and did not support tables, or ALIGN attributes.

HTML 3 (late 1995) was an ambitious effort on the part of Dave Raggett to upgrade the features and utility of HTML. However, it was never completed or implemented, although many features were integrated in the next "official" version of HTML, known as HTML 3.2.

Thursday, December 6, 2012

Javascript for Loop

The for loop is the most compact form of looping and includes the following three important parts:

  1. The loop initialization where we initialize our counter to a starting value. The initialization statement is executed before the loop begins.
  2.  The test statement which will test if the given condition is true or not. If condition is true then code given inside the loop will be executed otherwise loop will come out.
  3.  The iteration statement where you can increase or decrease your counter.

Javascript While Loop

While programming, there might be situation that you need to execute a block of code for a given number of times, in these situation while loop can be used.

The while loop executes code while a condition is true.

Syntax:
while (expression){
   Statement(s) to be executed if expression is true
}

 
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="myLoop()">Click Me</button>
<script>
function myLoop()
{
var count=0;

while(count <=10)
{
document.write("Number: "+count+"<br/>");   
count ++;
}


}
</script>
</body>
</html>

Wednesday, December 5, 2012

Download XAMPP

XAMPP is a very easy to install Apache Distribution for Linux, Solaris, Windows and Mac OS X. The package includes the Apache web server, MySQL, PHP, Perl, a FTP server and phpMyAdmin.

Download XAMPP from below locations:

Download From Sourceforge


Download From CNET

Download From DownloadXamp

Download EasyPHP

Encapsulation in PHP

Encapsulation is wrapping some data in an object. It is about controlling the visibility of things and define something like the order of layers of our application.

Encapsulation in PHP OOP is about control and limit which parts of our application can access some class methods and properties using three keywords called in OOP world Access Control Modifiers , and these keywords are : public , private , protected  and this keyword comes in the beginning of declaring method or property just like below :

class Member {
  public $id;
  protected $username;
  private $password;
}

Public keyword modifier is used to define a variable or function as being visible to everyone, everywhere.  When this modifier is used the variable or function following is visible to the users using your class as well as all the inner workings of your class.  This modifier is the only modifier that allows interaction outside of the class.

Private keyword modifier is used to define a variable or function as being visible only to the inside of the class.  When this modifier is used the variable or function following is invisible to the users using your class, but all the code that you write inside your class will be able to see it.

Protected keyword modifier is similar to the Private keyword modifier in that it is visible inside of the class but not to users outside the class.  In addition to that however, the protected keyword also allows child classes that extend the class to see the characteristics as well. 

Tuesday, December 4, 2012

Sending mail from localhost

Okay now you want to test the mail function but wait you don't have any domain name or online site to do this.

So what can you do in this situation. Simply send email from your localhost. Ya!! That's correct sending mail from your local computer and local files which are not hosted yet. And yes you can do this.

For this follow the steps below:

1) First open php.ini file.
2) Search for the mail function. When you find something like below. Okay you have found it.
3) Now configure that mail function as below:

[mail function]
; For Win32 only.
; http://php.net/smtp
SMTP = smtp.wlink.com.np
; http://php.net/smtp-port
smtp_port = 25

4) Okay this is good now next step. Search for the below line and configure the email address that you want to sent other emails.

; For Win32 only.
; http://php.net/sendmail-from
;sendmail_from = you@yourdomain

5) Remove semicolon(;) and write your email address as below:

; For Win32 only.
; http://php.net/sendmail-from
sendmail_from = hello@gmail.com

6) Now close the php.ini file and restart the apache.

That's it. You are done.

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.

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;
}

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>