PHP dokument ind i et HTML

Her kan du få hjælp og stille spørgsmål til PHP!
Besvar
noergaard1
Begynder
Indlæg:14
Tilmeldt:21. apr 2014, 14:33
PHP dokument ind i et HTML

Indlæg af noergaard1 » 4. maj 2014, 19:51

Hej!
Jeg har lige siddet og kodet på en kontakt form, og er kommet frem til dette http://norgaardan.dk/contact.php. Mit problem er bare, jeg ved ikke hvordan jeg skal sat det ind i mit template...

Kode: Vælg alt

<?php

// Set email variables
$email_to = 'noergaard.se@gmail.com';
$email_subject = 'Fra norgaardan.dk';

// Set required fields
$required_fields = array('fullname','email','comment');

// set error messages
$error_messages = array(
	'fullname' => 'Venligst indtast et navn.',
	'email' => 'Venligst indtast en email for, at modtage et svar.',
	'comment' => 'Skriv en kommentar'
);

// Set form status
$form_complete = FALSE;

// configure validation array
$validation = array();

// check form submittal
if(!empty($_POST)) {
	// Sanitise POST array
	foreach($_POST as $key => $value) $_POST[$key] = remove_email_injection(trim($value));
	
	// Loop into required fields and make sure they match our needs
	foreach($required_fields as $field) {		
		// the field has been submitted?
		if(!array_key_exists($field, $_POST)) array_push($validation, $field);
		
		// check there is information in the field?
		if($_POST[$field] == '') array_push($validation, $field);
		
		// validate the email address supplied
		if($field == 'email') if(!validate_email_address($_POST[$field])) array_push($validation, $field);
	}
	
	// basic validation result
	if(count($validation) == 0) {
		// Prepare our content string
		$email_content = 'New Website Comment: ' . "\n\n";
		
		// simple email content
		foreach($_POST as $key => $value) {
			if($key != 'submit') $email_content .= $key . ': ' . $value . "\n";
		}
		
		// if validation passed ok then send the email
		mail($email_to, $email_subject, $email_content);
		
		// Update form switch
		$form_complete = TRUE;
	}
}

function validate_email_address($email = FALSE) {
	return (preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i', $email))? TRUE : FALSE;
}

function remove_email_injection($field = FALSE) {
   return (str_ireplace(array("\r", "\n", "%0a", "%0d", "Content-Type:", "bcc:","to:","cc:"), '', $field));
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

	<title>Contact Form</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="contact/CSS/contactform.css" rel="stylesheet" type="text/css" media="screen">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
    <script type="text/javascript" src="contact/validation/validation.js"></script>
    
	<script type="text/javascript">
var nameError = '<?php echo $error_messages['fullname']; ?>';
		var emailError = '<?php echo $error_messages['email']; ?>';
		var commentError = '<?php echo $error_messages['comment']; ?>';
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
    </script>

</head>

<body onload="MM_preloadImages('contact/Images/x.png')">

<div id="formWrap">
<h2>Tak fordi du skriver til os!</h2>
<div id="form">
<?php if($form_complete === FALSE): ?>
<form action="contact.php" method="post" id="comments_form">
	<div class="row">
    <div class="label">Dit navn</div>
    <div class="input">
    <input type="text" id="fullname" class="detail" name="fullname" value="<?php echo isset($_POST['fullname'])? $_POST['fullname'] : ''; ?>" /><?php if(in_array('fullname', $validation)): ?><span class="error"><?php echo $error_messages['fullname']; ?></span><?php endif; ?>
    </div>
    <div class="context">eks. Emil Nørgaard</div>
    </div>

	<div class="row">
    <div class="label">Din email</div>
    <div class="input">
    <input type="text" id="email" class="detail" name="email" value="<?php echo isset($_POST['email'])? $_POST['email'] : ''; ?>" /><?php if(in_array('email', $validation)): ?><span class="error"><?php echo $error_messages['email']; ?></span><?php endif; ?>
    </div>
    
    <div class="context">Du vil ikke modtage reklamer med denne mail</div>
    </div>
    <div class="row">
    <div class="label">Din Besked</div>
    <div class="input">
    <textarea name="comment" class="mess" id="comment" placeholder="Skriv din besked her"><?php echo isset($_POST['comment'])? $_POST['comment'] : ''; ?></textarea><?php if(in_array('comment', $validation)): ?><span class="error"><?php echo $error_messages['comment']; ?></span><?php endif; ?>
    </div>
    </div>
	
    <div class="submit">
    <input type="submit" id="submit" name="submit" value="Send Besked"/>
    </div>
    </form>
	<?php else: ?>
<p style="font-size:35px; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif; color:#255E67;>Thank you for your Message!</p>
<?php endif; ?>
</div> 

</div>

</body>
</html>

Kode: Vælg alt

<!doctype html>

<html>
	
    <head>
    		<title>TEST!!</title>
            <link href="Test/styles.css" rel="stylesheet" type="text/css" media="screen">
            
            
            <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
            <script type="text/javascript" src="Banner/jquery.cycle.all.js"></script>
			 <script type="text/javascript" src="js/slider.js"></script>
             
           
            
            <link href="css/sliderstyle.css" rel="stylesheet" type="text/css" media="screen">
            
            
            <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700' rel='stylesheet' type='text/css'>
            <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
    </head>
    
    <body>
    <div id="wrapper">
    		<div id="top">
            
                    <div id="logo">
                    		<img src="images/HumanRightsLogo.jpg">
                    </div>
                   
                    <div id="socialmedia">
                    		<p>For additional indormation<br>Please call 555.555.555</p>
                       	<ul>
                        		<li><a href="http://facebook.com" target="_blank"><img src="images/facebook_32.png"></a></li>
                             <li><a href="http://twitter.com" target="_blank"><img src="images/twitter_32.png"></a></li>
                             <li><a href="http://youtube.com" target="_blank"><img src="images/youtube_32.png"></a></li>
                        	</ul>
                    </div>
                
           </div>
   
   			<div id="nav">
            		<div id="nav_wrapper">
                    		<ul>
                         		<li><a href="#">Hjem</a></li><li>
                            	<a href="#">Produkter</a>                                 
                                <ul>
                                    <li><a href="#">Mail</a></li>
                                     <li><a href="#">Twitter</a></li>
                                     <li><a href="#">Facebook</a></li>
                                     <li><a href="#">Youtube</a></li>
                                 </ul>
                                 </li>
  
                            	<li><a href="#">Om Os</a></li><li>
                            	<a href="#">Kontakt Os</a>
                             <ul>
                             	<li><a href="#">Mail</a></li>
                                 <li><a href="#">Twitter</a></li>
                                 <li><a href="#">Facebook</a></li>
                                 <li><a href="#">Youtube</a></li>
                             </ul>   
                             </li>
                         	</ul>
                 	
                	</div>
                    
                    
           </div>
           
           <div id="banner">
           		<div class="controller" id="prev" ></div>
           		<div id="slider">
                        		<a href="http://www.google.com" target="_blank"><img src="images/Banner/Banner1.jpg"></a>
                             <a href="http://www.google.com" target="_blank"><img src="images/Banner/1250520_36083673.jpg"></a>
                          	<img src="images/Banner/small-animal.jpg">
                  </div>
                  <div class="controller" id="next" ></div>
                    
           </div>
           
           <div id="content-wrapper">
           	
                    <div id="content">
                    		<h1>Welcome to Manchester</h1>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium nunc eget mi pellentesque vel adipiscing orci tempus. In dapibus porta feugiat. Vestibulum dignissim lorem tortor. Donec eleifend pharetra velit, ac euismod nunc porta ac. Aliquam est mauris, cursus sit amet facilisis nec, euismod in elit. Integer eu pharetra odio. Proin dictum urna non nibh adipiscing laoreet at a dolor. Quisque varius lacus vitae neque accumsan nec tempus quam ullamcorper.</p>
                         <h2>This a subheading on the page</h2>
                         <p>Phasellus pretium nunc eget mi pellentesque vel adipiscing orci tempus. In dapibus porta feugiat. Vestibulum dignissim lorem tortor. Donec eleifend pharetra velit, ac euismod nunc porta ac. Aliquam est mauris, cursus sit amet facilisis nec, euismod in elit. Integer eu pharetra odio. Proin dictum urna non nibh adipiscing laoreet at a dolor. Quisque varius lacus vitae neque accumsan nec tempus quam ullamcorper.</p>
                        
                         <div id="box1">
                         		<img src="images/Gallery/billed1.png">
                             <h2>Subheading Item</h2>
                             <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                         </div>
                   		
                        	<div id="box2">
                         		<img src="images/Gallery/billed1.png">
                             <h2>Subheading Item</h2>
                             <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                         </div>
                         
                         <h2>Another subheading on the page</h2>
                         <img class="img-right" src="images/wireframe.jpg">

                         <p>Phasellus pretium nunc eget mi pellentesque vel adipiscing orci tempus. In dapibus porta feugiat. Vestibulum dignissim lorem tortor. Donec eleifend pharetra velit, ac euismod nunc porta ac. Aliquam est mauris, cursus sit amet facilisis nec, euismod in elit. Integer eu pharetra odio. Proin dictum urna non nibh adipiscing laoreet at a dolor. Quisque varius lacus vitae neque accumsan nec tempus quam ullamcorper.</p> 
                         <p>Donec eleifend pharetra velit, ac euismod nunc porta ac. Aliquam est mauris, cursus sit amet facilisis nec, euismod in elit. Integer eu pharetra odio. Proin dictum urna non nibh adipiscing laoreet at a dolor. Quisque varius lacus vitae neque.</p>
                         <p>This is some final text on the page</p>
                    </div>
                    
                    <div id="rightside">
                    		<h2>Sidebar Heading</h2>
                         <p>Tesque habitant habitant habitant morbi tristique senectus morbi tristique senectus et netus et malesuada morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                         <img src="images/Gallery/Billed23.jpg">
                         <p>Senectus et netus habitant morbi tristique senectus et netus et malesuada et malesuada fames ac turpis egestas.</p>
                         <h2>Sidebar Heading</h2>
                         <ul>
                         		<li>California</li>
                             <li>Arizona</li>
                             <li>Nevada</li>
                             <li>Washington</li>
                             <li>Utah</li>
                         </ul>
                         <p>Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
           
           </div>
           
           <div id="footer">
           	<p>&copy;Copyright 2014 &bull; All Rights Reserved &bull; Company Name 1234 Main Street Los Angeles California 90022 &bull; 555.555.5555</p>
           </div>
        </div>   
    </body>

</html>
Det er de to koder som jeg gerne vil have sat sammen, håber i kan hjælpe :)

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: PHP dokument ind i et HTML

Indlæg af ThomasI » 5. maj 2014, 19:19

Hej med dig!

Jeg ville nok lave din template om så det ikke er en html side.

Jeg ville istedet bare lave den om til .php og så inkludere din formular med include_once()

Det kræver selvfølgelig at du fjerne din html doctype i den fil du inkluderer således at det kun er selve formularen som indkluderes og ikke andet.

Alternativt kan du bare omdøbe din html side til .php og blot smide hele scriptet ind, så skulle de stadig virke.

;)

noergaard1
Begynder
Indlæg:14
Tilmeldt:21. apr 2014, 14:33

Re: PHP dokument ind i et HTML

Indlæg af noergaard1 » 6. maj 2014, 13:24

Tak for hjælpen, det virker :)

Besvar