PHP scripts and programs for Beginner to Master

Send Feedback or contact via mail function in php

Posted by vaibhavsk

Oct 7, 2009

At many places we require the contact us or feedback form to get some input from the user or to get some feedback from the user.
Today i will be showing you how to create a very simple feedback form or contact us form in php with the mail function and without any database.

1) First we will be creating a simple form to accept the user input like name, email and their message or feedback or query.
























  
    Name : 
    "/>
  
  
    Email : 
    "/>
  
  
    Message : 
    <?php echo $_POST["message"]; ?>

2) In the form tag we have not specified any action part and we kept action="" in the form tag, so when the form is submitted at that time it will call itself.
So on submit we will execute our code to send the mail.

3) some css for the form and good look.


.textbox,.textarea {

width:300px;

border:solid 2px #00CCFF;

padding:3px;

margin:10px;

}

.error {

background: #FBBFDC;

color:#EF013D;

border:solid 1px;

padding:5px;

margin:5px;

}

4) After the page is submitted we will process the form data.

5) When the form is filled then we will be calling a function sendmail.

Finally, merge all the code to create a simple contact us form or feedback form.
Full source code is here for your reference




.textbox,.textarea {

width:300px;

border:solid 2px #00CCFF;

padding:3px;

margin:10px;

}

.error {

background: #FBBFDC;

color:#EF013D;

border:solid 1px;

padding:5px;

margin:5px;

}

























  
    Name : 
    "/>
  
  
    Email : 
    "/>
  
  
    Message : 
    <?php echo $_POST["message"]; ?>
  
  
     
    
  






if(isset($_POST["Submit"]))

{	

	$email = $_POST["email"];

	$msg = $_POST["message"];

	$username = $_POST["name"];

	if($username!="" and $email!="" and $msg!="")

	{

		sendmail($username,$email,"",$msg,"");

	}

	else

	{

		echo "Fill all the fields ! Thank you.";

	}

}

function sendmail($username,$email,$data,$msg,$footer)

{		

		$to="youremailidhere";

		$headers  = "MIME-Version: 1.0\r\n";

		$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

		//$headers .= "From: ".$from."\r\n";

		$headers .= "From: $username <$email>\r\n";

		$headers .= "Reply-To: youremailidhere\r\n";



		$body="Dear Admin,";

		$body.="Message from : $username";

		$body.="Email id : $email";

		$body.="Message : $msg";

		

		$body.="Feedback end";



		if(@mail($to,'feedback from http://programming-in-php.blogspot.com',$body,$headers))

		{

			echo "Thank you for your valuable feedback !";

		}

		else

		{

			echo "Can't send email ! ! !";

		}

}

?>

Labels: html, php

This is for Horizontal Menu.

Posted by Vijay Srini

Sep 10, 2009

comments (0)

This part is for Horizontal Menu using CSS.

The below one will come under the Head Tag.
 <style type="text/css"> ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; } a { float:left; width:6em; text-decoration:none; color:white; background-color:purple; padding:0.2em 0.6em; border-right:1px solid white; } a:hover {background-color:#ff3300} li {display:inline} </style> 

The below one will come under Body Tag.

 <ul> <li><a href="#">Link one</a></li> <li><a href="#">Link two</a></li> <li><a href="#">Link three</a></li> <li><a href="#">Link four</a></li> </ul> In the example above, we let the ul element and the a element float to the left. The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line. The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font). We add some colors and borders to make it more fancy. 

This code was taken from http://www.w3schools.com/css/tryit.asp?filename=trycss_float5

Labels: css, html

onclick select the text of a textarea

Posted by vaibhavsk

Sep 4, 2009

comments (2)

Sometimes we require that when the users click on a textarea at that time all the text should get selected.
This can be done with a small javascript.


<br />   some text here <br />   some text here<br />

When a user clicks on a textarea then all the contents will get selected.

Labels: html, javascript

Center all contents of website - cetering a website

Posted by vaibhavsk

Sep 3, 2009

comments (0)

Hi guys,

Generally we require that all the contents of our website should be centered to display the website properly.

For this we can make use of this code so that your website will be in the center of the browser, doesnt matter what is the resolution.

We will create a div with id "outer-div" in the body tag of our webpage.

Now we will apply a CSS styling to the "outer-div" div.

The full code to test is here

Labels: css, html

Javascript to show how many characters are remaining to enter in textbox or textarea

Posted by vaibhavsk

Sep 2, 2009

comments (3)

Hello,
Today we will be seeing a javascript which will help us to show how many characters are remaining for a textbox or textarea,As soon as the user starts typing in a textbox or textarea, then we will show how many characters are remaining for entering into the textbox.

Here we are creating a simple textbox, and we are specifying the "maxlength" of the textbox to 20.

And "onKeyUp" event of the textbox we are calling a javascript function "countCharacters()".

we will be writing a standard function which accepts only some parameters and rest of the processing will be done in the function.

To this function we have to pass 3 parameters
1) id of the span - where counter will be shown when user types something
2) max_chars - length of the textarea which we specified in maxlength="20"
3) myelement - the id of the textbox where user types text

The function is as below

Now you can use this function anywhere, without a need to modify this function.

The full code to try out is here

Put a link back to our site, if you like this !

Labels: html, javascript

Simple css 1 level Vertical navigation menu

Posted by vaibhavsk

Aug 31, 2009

comments (0)

Hi,

Today i will be showing you how to create a simple 1 level vertical navigation menu with the help of css.

It is very easy and same like the 1 level horizontal navigation menu.

So lets start,

For this we will be using one image

1) Black background image

first we will create a simple code to display "unordered list" with ul and li

So now our display of the ul will be like this

Now we will apply our css to this ul

After applying this css our menu will look like this

Full code of the vertical menu with css is as, just copy and paste it, and modify links and its over.

<!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 equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Demonstration of 1 Level Vertical Menu</title> <style type="text/css"> ul#horizontal,#horizontal ul { 	list-style:none; 	width:125px; /* this is the width of the ul, change here as per your requirement*/ } ul#horizontal li { display:inline; border:none 0px; float:left; padding:2px; width:130px; /* this is the width of the each li, change it if your text is too long*/ text-align:center; } ul#horizontal li a { background: url(blackmenu2.png) repeat bottom; color: #FFFFFF; font-weight:bold; display:block; text-decoration:none; border:#333333 solid 1px; padding:2px 18px; margin:2px; font-family:Verdana, Arial, Helvetica, sans-serif; } ul#horizontal li a:hover { background:#FFFFFF; border:#333333 solid 1px; color:#000000; } </style> </head> <body> <ul id="horizontal"> 	<li><a href="http://programming-in-php.blogspot.com" target="_blank">Home</a></li> 	<li><a href="http://vaibhavsk.blogspot.com" target="_blank">Network</a></li> 	<li><a href="http://www.chaprak.com">Topics</a></li> 	<li><a href="http://jokestube.blogspot.com" target="_blank">Jokes</a></li> </ul> </body> </html>

Labels: css, html

Simple css 1 level horizontal menu

Posted by vaibhavsk

Aug 28, 2009

comments (0)

Hi friends,

here is a simple example of 1 level horizontal navigation menu.

for this i am using 2 images - one is orange and another is blue

you can copy these images from here

1) Orange image

2) Blue image

For creating a "1 level horizontal navigation menu" we are going to use "unordered list"

Now this will create an unordered list.

Now we will apply a CSS to this unordered list to make it a horizontal navigation menu.

#horizontal,#horizontal ul { list-style:none; } #horizontal li { display:inline; border:none 0px; float:left; padding:2px; } #horizontal li a { border:solid 1px #0000FF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT82Cjdhuy083oyB_DP-mE3oKXWTUl3eR3TmGWbD-QoQAf31cEdwVXeu65diaGfW86ga2fj13mctyLQRZgwcE7tV_Bv_AoeMmQab6yPa8q0zK3lTCfHrCxsYUKFAFlJTZ_1C5Cwi5q1XA/s400/orangemenu1.png) repeat bottom; color: #FFFFFF; font-weight:bold; display:block; text-decoration:none; padding:2px 18px; margin:2px; font-family:Verdana, Arial, Helvetica, sans-serif; } #horizontal li a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4fiEFtvQjV7GYrWQ3OgIXTj5qHnyb3Fxvwqiaa2Ytb42_60epJZ6AHYec-WHFJJAhsiaSE69c9amyfkyz6HZpL6Kt9BcxN7OPLSTVQQqblKyEueNG-Wox_9sq4dT1KYtJyXgxcGKw39M/s400/bluemenu1.png) repeat; border: solid 1px #000000; color:#000000; }

Hey ! Its ready ! See it !

Completed ready use script and code is here

#horizontal,#horizontal ul { list-style:none; } #horizontal li { display:inline; border:none 0px; float:left; padding:2px; } #horizontal li a { border:solid 1px #0000FF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT82Cjdhuy083oyB_DP-mE3oKXWTUl3eR3TmGWbD-QoQAf31cEdwVXeu65diaGfW86ga2fj13mctyLQRZgwcE7tV_Bv_AoeMmQab6yPa8q0zK3lTCfHrCxsYUKFAFlJTZ_1C5Cwi5q1XA/s400/orangemenu1.png) repeat bottom; color: #FFFFFF; font-weight:bold; display:block; text-decoration:none; padding:2px 18px; margin:2px; font-family:Verdana, Arial, Helvetica, sans-serif; } #horizontal li a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4fiEFtvQjV7GYrWQ3OgIXTj5qHnyb3Fxvwqiaa2Ytb42_60epJZ6AHYec-WHFJJAhsiaSE69c9amyfkyz6HZpL6Kt9BcxN7OPLSTVQQqblKyEueNG-Wox_9sq4dT1KYtJyXgxcGKw39M/s400/bluemenu1.png) repeat; border: solid 1px #000000; color:#000000; } <ul id="horizontal"> <li><a href="http://programming-in-php.blogspot.com" target="_blank">Home</a></li> <li><a href="http://vaibhavsk.blogspot.com" target="_blank">Network</a></li> <li><a href="http://www.chaprak.com">Topics</a></li> <li><a href="http://jokestube.blogspot.com" target="_blank">Jokes</a></li> </ul>

Labels: css, html

Create a login box with css, html

Posted by vaibhavsk

comments (1)

We always require some kind of login box for any system which has members.

Here i will be showing a simple example with the help of CSS and HTML to create a attractive login box.

To begin with We will create a login box first and then apply the CSS to it

Replace "youfilename.php" with your script which has the logic to check the login.

When you will add this code to your login file then display will be like this - fully stretched on the page with a simple look.

Now we will add a css to this login box to make it look nice.

Now after applying this css see at our login box.

Now combining all together we have created a very simple nice looking login box without using any other images.

Full source code is given below. Just copy and paste it in your project, if necessary just modify the css.

<style type="text/css"> fieldset { width:320px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } legend { width:100px; text-align:center; background:#DDE7F0; border:solid 1px; margin:1px; font-weight:bold; color:#0000FF; } </style> <form name="form1" method="post"action="yourfilename.php"> <fieldset> <legend>Login</legend> <table> <tr> <td><label for="username">Username :</label></td><td><input name="username" type="text" id="username" size="30" /></td> </tr> <tr> <td><label for="password">Password :</label></td><td><input name="password" type="password" id="password" size="30" /></td> </tr> <tr> <td class="submit"></td><td><input type="submit" value="Submit" /></td> </tr> </table> </fieldset> </form>

Labels: css, html, php

PHP scripts and programs for Beginner to Master

php programs, php ready to use scripts & functions, css tutorials, html, javascripts, ajax examples for Beginner to Master

Followers

Blogs I read

Categories

Blog Archive

Send Feedback or contact via mail function in php

This is for Horizontal Menu.

onclick select the text of a textarea

Center all contents of website - cetering a website

Javascript to show how many characters are remaining to enter in textbox or textarea

Simple css 1 level Vertical navigation menu

Simple css 1 level horizontal menu

Create a login box with css, html

Name :	"/>
Email :	"/>
Message :	<?php echo $_POST["message"]; ?>