To set an Background Image and repeat the image Horizontally by using CSS
<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>
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:
<!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>
external.css:
body{ background-color:#00CCCC;}
p { color:#FFFFFF;
}
h3{ color:#000000;
text-decoration:underline;
text-transform:uppercase;
}
p.first{
color:#33FFCC;
}
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
$name = “john_abraham@gmail.com”;
$pieces = explode(“_”, $name);
echo “firstname = $pieces[0]“.”<br />”;
$pieces = explode(“@”, $name);
echo “username = $pieces[0]“;
?>
Output will be displayed as:
firstname = john
username = john_abraham
IF Statement In 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>
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
<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>
/*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
<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>
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:
<!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>
It displays the output as:
Program to insert Background Image
<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>
output:
Hello!
(If u run this code in Internet Explorer,the background image will be displayed with “Hello!” Message).
Calculate add,sub,mul using php
Steps:
1. Create new html file and copy calculate.html code and save it as calculate.html.
2. Create new php file and copy calculation.php code and save it as calculation.php.
3. Run calculate.html, then it will display the html data.
4. Enter value1, value2 and press add or sub or mul button and press calculate button.
5. Then it will transfer to calculation.php which displays the output.
calculate.htm:
<!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>calculation</title>
</head>
<body>
<form method=”post” action=”calculation.php”>
Value 1: <input type=”text” name=”val1″ size=”7″><br /><br />
Value 2: <input type=”text” name=”val2″ size=”7″>
<p>
<input type=”radio” name=”calculate” value=”add” />
add
<input type=”radio” name=”calculate” value=”sub” />
sub
<input type=”radio” name=”calculate” value=”mul”/>
mul
</p>
<input type=”submit” name=”submit” value=”calculate”/>
</form>
</body>
</html>
It displays the output as:
Transfer data from one page to another using php
Steps:
1:Create new php file and copy file1 code and save it as file1.php.
2.Create another new php file and copy file2 code and save it as file2.php.
3.Run file1.php, then it will display the file1 data.
4.Enter your name, age and location and press the submit button.
5.It will transfer to file2.php and displays the output.
file1:
<!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>table1</title>
<script language=”javascript” type=”text/javascript”>
function check()
{
if(document.getElementById(‘name1′).value==”)
{
alert(“Please enter your name”);
document.getElementById(‘name1′).focus();
}
else if(document.getElementById(‘age1′).value==”)
{
alert(“please enter your age”);
document.getElementById(‘age1′).focus();
}
else if(document.getElementById(‘location1′).value==”)
{
alert(“please enter the location”);
document.getElementById(‘location1′).focus();
}
else
{
document.form.submit();
}
}
</script>
</head>
<body>
<form method=”post” action=”file2.php” name=”form” >
<table width=”100%” border=”0″>
<tr>
<td><label>Enter your name: </label>
</td>
<td><input type=”text” name=”name” id=”name1″; />
</td>
</tr>
<tr>
<td><label>Enter your age:</label>
</td>
<td><input type=”text” name=”age” id=”age1″; />
</td>
</tr>
<tr>
<td><label>Enter the location:</label>
</td>
<td><input type=”text” name=”location” id=”location1″; />
</td>
</tr>
<tr>
<td colspan=”2″> <div align=”center”>
<input type=”button” value=”Submit” onclick=”check();” name=”Submit” />
</div></td>
</tr>
</table>
</form>
</body>
</html>
//save this as file1.php
It will display the output as:
file2:
<!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>table2</title>
</head>
<body>
<?php
$var1=$_POST['name'];
$var2=$_POST['age'];
$var3=$_POST['location'];
echo “your name is: $var1″.”<br/>”;
echo “your age is: $var2″.”<br/>”;
echo “loaction is: $var3″;
?>
</body>
</html>
//save this as file2.php
after entering your name, age and location and pressing the submit button, it displays the output.
For example:
your name is: John
your age is: 25
loaction is: CA
Search
Blogroll
- Copywriting blog Searchenginegenie’s official copywriting blog
- Linkbuilding blog Searchenginegenie’s official link building blog – tips and tricks
- PPC Blog Searchenginegenie’s official PPC blog – Pay per clicks
- Programming Blog Searchenginegenie’s official programming blog
- SEO Blog Searchenginegenie’s official SEO blog
- SEO News Searchenginegenie’s official news on internet and SEO
- Web Design blog Searchenginegenie’s official web designing blog
- What's Hot @ SEG Most recent whacky happenings @ SEG