Archive for August, 2010
To set an background Image and repeat the image Horizontally using CSS
[html]
<html>
<head>
<style type="text/css">
body
{
background-image:urlC:\Users\systemuser\Pictures\flower.jpg’);
background-repeat:repeat-x;
}
</style>
</head>
<body>
<h1>Hai Friends!!</h1>
</body>
</html>
[/html]
Output:
The image in the given URL will be set as the Background with the Text “Hai Friends!!”.
External css
Steps:
1:Create new html file and copy link.html code and save it as link.html.
2.Create new css file and copy external.css code and save it as external.css.
3.link.html will connect css externally.
4.Run link.html to get output.
link.html:
[php]
<!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>
<link rel="stylesheet" type="text/css" href="external.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS</title>
</head>
<body>
<h3 align="center">External css</h3>
<p>This page uses external CSS.</p>
<p>p.first class code</p>
</body>
</html>
[/php]
external.css:
[php]
body{ background-color:#00CCCC;}
p { color:#FFFFFF;
}
h3{ color:#000000;
text-decoration:underline;
text-transform:uppercase;
}
p.first{
color:#33FFCC;
}
[/php]
output:
External css
This page uses external CSS.
p.first class code
Explode function in php
How to split a name using explode function?
1. Get the name in a variable
2. Specify the position from which you need to split the name.
3. If you need to split the name after an underscore, use “_”.
4. If you need to split the name after @, use “@”.
[php]
<?php
$name = "john_abraham@gmail.com";
$pieces = explode("_", $name);
echo "firstname = $pieces[0]"."<br />";
$pieces = explode("@", $name);
echo "username = $pieces[0]";
?>
[/php]
Output will be displayed as:
firstname = john
username = john_abraham
IF Statement In PHP
[php]
<html>
<head>
<title>IF statements in PHP.</title>
</head>
<body>
<?php
$name = "Rose";
if ( $name == "Rose" )
echo "Your name is Rose!<br />";
else
echo "Welcome to my homepage!";
?>
</body>
</html>
[/php]
Output:
If the Given input is Rose,the output will be
Your name is Rose!
Else
Welcome to my homepage!
Switch Case in Java Script
[php]
<html>
<body>
<head>
<title>Switch Case </title>
</head>
<body>
<script type="text/javascript">
var d = new Date();
theDay=d.getDay();
switch (theDay)
{
case 5:
document.write("<b>Finally Friday</b>");
break;
case 6:
document.write("<b>Super Saturday</b>");
break;
case 0:
document.write("<b>Sleepy Sunday</b>");
break;
default:
document.write("<b>I’m really looking forward to this weekend!</b>");
}
</script>
</body>
</html>
[/php]
/*This JavaScript will generate a different greeting based on what day it is. Note that Sunday=0, Monday=1, Tuesday=2, etc.*/
Output:
I’m really looking forward to this weekend!
Java Script for Mouse Events
[php]
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="b_blue.gif";
}
function mouseOut()
{
document.getElementById("b1").src ="b_pink.gif";
}
</script>
</head>
<body>
<img border="0" src="E:\pictures\baby.jpg" id="b1"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>
[/php]
output:
The function mouseOver() causes the image to shift to “b_blue.gif”.
The function mouseOut() causes the image to shift to “b_pink.gif”.
To upload a file using php
Steps:
1. Create new html file and copy upload.html code and save it as upload.html.
2. Create new php file and copy uploader.php code and save it as uploader.php.
3. Run upload.html, then it will display the html data.
4. Click browse button and select any file or image and press upload button.
5. Then it will transfer that specific file or image to the created folder and display the output as file is uploaded.
upload.html:
[php]
<!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=iso-8859-1" />
<title>upload</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="uploader.php">
<input type="file" name="file" />
<input type="submit" name="submit" value="upload" />
</form>
</body>
</html>
[/php]
It displays the output as:
Program to insert Background Image
[php]
<html>
<head>
<style type="text/css">
body {background-image:url(‘systeuser/desktop/bc.jpg’);}/*inserting background image*/
</style>
</head>
<body>
<h1>Hello!</h1>
</body>
</html>
[/php]
output:
Hello!
(If u run this code in Internet Explorer,the background image will be displayed with “Hello!” Message).