Html script combineren met php.

Status
Niet open voor verdere reacties.
R

RobertHTML

Gebruiker
Lid geworden
1 dec 2014
Berichten
17
Hallo, goede avond.

Ik heb onlangs een mooi email form gemaakt in dreamweaver.
Nu wil ik graag mijn php code combineren in mijn html document.
Daar gaat het bij mij mis, ik wil hem onder aan het html document plaatsen.
Maar dan komt de code in beeld als ik het email formulier test.
Mijn vraag is of jullie mij kunnen vertellen waar ik mijn php code moet plakken in het html document ?
Of is hier een voorbeeld van html code samen met php.
Heb een heel mooi stukje php code gekregen van een goede man hier op t forum.
Ik zal even de twee scriptem posten, en dan hoor ik het graag hoe ik het php script kan plaatsen in het html document.

Dit is het html scriptje.

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=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#ContactForm table tr td div {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}
</style>
</head>
 
<body>
<form id="ContactForm" name="ContactForm" method="post" action="sent.php">
  <table width="250" border="0" align="left">
    <tr>
      <td><label for="Voornaam:"></label>
        <div align="left"><span id="sprytextfield1">Uw voornaam:<br />
          <input type="text" name="Voornaam:" id="Voornaam:" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><label for="Achternaam:"></label>
        <div align="left"><span id="sprytextfield2">
          Uw achternaam:<br />
          <input type="text" name="Achternaam:" id="Achternaam:" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></div></td>
    </tr>
    <tr>
      <td><div align="left">Uw bericht aan thats music:</div></td>
    </tr>
    <tr>
      <td><label for="Bericht:"></label>
        <span id="sprytextarea1">
        <textarea name="Bericht:" id="Bericht:" cols="45" rows="5"></textarea>
      <span class="textareaRequiredMsg">A value is required.</span></span></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><input type="submit" name="Submit" id="Submit" value="Verstuur" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
</script>
</body>
</html>


Dit is het php scriptje.

PHP: 
<?php
        if(isset($_POST['sendMail']))
    {
                 $to = "joumail@mail.com"
                 $message  = "<html><body>";
                 $message .= $_POST['Voornaam'];         
                 $message .= $_POST['Achternaam'];
                 $message .= $_POST['Bericht'];
         $message .= "</body></html>";
                 $headers  = 'MIME-Version: 1.0' . "\r\n";
         $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
         $headers .= "From: mail verstuurder" . "\r\n";
                 mail($to, $message, $headers);
        }
?>


Dus zou heel graag een voorbeeld krijgen hoe ik dit php script op een goede manier in mijn html document kan plaatsen, ben ik een heel blij mens:p
 
Probeer het eens andersom.

Je kunt geen PHP-code opnemen in een HTML-document.
Je kunt wel HTML-code opnemen in een PHP-document.
 
Hallo, goede avond.

Ik ga naar dreamweaver, open een nieuw document in php, en kunt u mij nu op weg helpen aub ?
De twee scrips moeten in een document komen, of als u een voorbeeldje hebt is het ook prima.
Dank u wel voor uw hulp, en tijd.
 
Je zult het bestand een .php extentie moeten geven, vervolgens kun je de html en het stukje php gewoon bij elkaar in 1 file zetten.
uiteraard het gedeelte van de php code openen met <?php en sluiten met ?> zoals je dat ook in je huidige php file hebt gedaan.

Wat ik zelf altijd het prettigst vind werken als ik php en html in 1 file ga combineren is om alle PHP boven aan de pagina te zetten, en de html er onder

dan krijg je een opmaak als;

PHP: 
<?php
if(isset($_POST['send']))
{
	// Set email adres ontvanger
	$to = "joumail@mail.com"
	
	// Set message
	$message  = "<html><body>";
	$message .= $_POST['Voornaam'];         
	$message .= $_POST['Achternaam'];
	$message .= $_POST['Bericht'];
	$message .= "</body></html>";
	
	// Set headers
	$headers  = 'MIME-Version: 1.0' . "\r\n";
	$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
	$headers .= "From: mail verstuurder" . "\r\n";
	
	// Verstuur mail
	mail($to, $message, $headers);
}
?>

<!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>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#ContactForm table tr td div {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}
</style>
</head>
 
<body>
<form id="ContactForm" name="ContactForm" method="post" action="sent.php">
  <table width="250" border="0" align="left">
    <tr>
      <td><label for="Voornaam:"></label>
        <div align="left"><span id="sprytextfield1">Uw voornaam:<br />
          <input type="text" name="Voornaam:" id="Voornaam:" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><label for="Achternaam:"></label>
        <div align="left"><span id="sprytextfield2">
          Uw achternaam:<br />
          <input type="text" name="Achternaam:" id="Achternaam:" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></div></td>
    </tr>
    <tr>
      <td><div align="left">Uw bericht aan thats music:</div></td>
    </tr>
    <tr>
      <td><label for="Bericht:"></label>
        <span id="sprytextarea1">
        <textarea name="Bericht:" id="Bericht:" cols="45" rows="5"></textarea>
      <span class="textareaRequiredMsg">A value is required.</span></span></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><input type="submit" name="send" id="Submit" value="Verstuur" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
</script>
</body>
</html>

Dan krijg je dus zoiets
 
Laatst bewerkt:
Hernoem gewoon je huidige bestand van (bijvoorbeeld) index.html naar (bijvoorbeeld) index.php

Het is inderdaad slim om je php bovenaan te zetten omdat je dan de php-variabelen binnen je HTML kunt gebruiken door ze te echoën.
 
Oke, heb nu mijn php en html code in een file staan, en de index naam gewijzigt in index.php.
Verder moet ik mijn email adres wijzigen in het php script, moet ik verder nog wat doen voor het werkt ?
Echt bedankt mensen voor de goede hulp, leer hier weer van, en de volgende keer kan ik het zelfstandig doen.
Verder geeft hij op regeltje 8 in het php script een error aan.
 
Laatst bewerkt:
Je kunt inderdaad het email adres wijzigen waar de mail naar toe moet door aan de variabele $to een ander email adres mee te geven (regel 5)

De error op regel 8 komt doordat regel 5 niet is afgesloten met een ; met dit soort fouten geeft hij de error op de volgende code regel.

verander
PHP: 
    // Set email adres ontvanger
    $to = "joumail@mail.com"

dus in

PHP: 
    // Set email adres ontvanger
    $to = "joumail@mail.com";

waarbij je het email adres uiteraard nog moet wijzgen.
 
Goede avond.


Heb nu een mail form klaar bijna.
Zoal het html als het php gedeelte is gemaakt met een kladblok.
Maar wat moet ik nu verder doen.
Heb 2 documenten contact.php (html code) en send_contact.php (php code)
Maar nu ? ik moet het even voor een klant online plaatsen werkend en al.
Wat moet ik met de kladblok bestanden doen ?
 
Laatst bewerkt:
Ja, je moet zorgen dat het bestand in een publieke map op een webserver staat. Vaak krijg je deze van de provider waar de website gehost is (yourhosting.nl of strato.nl bijvoorbeeld) je kunt verbinden met de server via een FTP client.
Bijvoorbeeld Filezilla ftp client (google maar)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan