Javascript Question - Embedded Contact Form Link
How come a contact form (iframescr) linked in an HTML page does not show on any browsers when the page is uploaded to a server and tested online? The parameters in the page design are large enough for the form. What could be the reasons for this? Any help will be greatly appreciated.
http://forums.adobe.com/thread/691654?tstart=0
Similar Messages
-
Weird character being generated by contact form (link to image attached)
Has anyone ever seen this? It looks like an ASCII image of a
Rolodex contact
insert.
The person receiving the contact form results has just sent
this to me.
It can be seen at:
http://www.emurtagh.com/rolodex_image.htm
Any help would be great. Thanks.Sorry. Here it is.
Message Edited by Dennis Knutson on 09-12-2007 11:18 AM
Attachments:
Append Image.PNG 46 KB -
Contact Form: How do i create a link from an XML file to another domain to read a PHP File
So i purchased a template from Template Monster and im having a little trouble with the contact form. The server that im uploading it to is a privite server that the company owns. It supports ASP and not PHP. I cant seem to get the ASP form to work so all i want to do it create a link to another one of there servers that supports PHP and have the contact form link to there and read the PHP file (that i will upload to that server) and send the email from there.
This is the XML that i have to fill in in order to make it work
Everything in Red is what i needed to fill out in order for the form to work.
<?xml version="1.0" encoding="utf-8"?>
<!--
Please read this information to learn how to set up the contact form integrated
into the template.
This readme file explains in details the meaning of the settings that can be
done in the fcContactFormConfiguration.xml configuration file.
It is recommended for you to use an XML editor to make changes to this file
because it’s less possible to make an error in the markup which can cause to
a not working contact form.
-->
<contactFormConfiguration>
<!--
An e-mail address which will be used to receive messages from your contact form.
You can specify several e-mail addresses separating them with a comma.
For example: [email protected], [email protected], [email protected]
-->
<emailTo>[email protected]</emailTo>
<!--
A server script type which will process sending e-mails. It depends on your
hosting and in the current version of the contact form it is allowed to use
two types: php (Apache, PHP Hosting); asp (IIS web server, ASP).
-->
<serverProcessorType>php</serverProcessorType>
<!--
A name of the script file which process sending e-mails on your server (without
extension). The name contact is used by default.
-->
<serverProcessorFileName>contact</serverProcessorFileName>
<!--
Set whether to validate only required fields (true/false). The default value is
true which means the not required fields of your contact form will not be validated.
For example if the e-mail field of your form is set as not required (imagine it)
the form will be processed even if the user types in an incorrect e-mail address.
-->
<validateRequiredOnly>false</validateRequiredOnly>
<!--
Set whether to submit the form when the Enter key is pressed even if the focus is
not on the Submit button (true/false).
-->
<submitFormOnEnter>false</submitFormOnEnter>
<!--
Text showing to the user when the form is submitted without any errors.
-->
<messageSentText>Thank you for your message.</messageSentText>
<!--
Text showing in case the form is not submitted because of a server error.
-->
<messageSentFailedText>Sorry, your message couldn't be sent</messageSentFailedText>
<!--
Text your visitor will see while waiting till the processing is over.
-->
<formProcessingText>processing...</formProcessingText>
<!--
Your SMTP server (for ASP only).
-->
<smtpServer>localhost</smtpServer>
<!--
Your SMTP port (for ASP only).
-->
<smtpPort>25</smtpPort>
<!--
Set whether to send the message as a plain text (true) or as HTML (false).
-->
<plainText>false</plainText>
<!--
ID of the input field (in the structure XML file) to use for the “from: ”
or email to use instead (for example: [email protected]).
-->
<emailFromSource>2</emailFromSource>
<!--
Subject of the e-mails that will be sent through this contact form or ID of
the input field (in the structure XML file) to use for the “subject: ” label
in your e-mail client.
-->
<subjectSource>Contact Form from your site</subjectSource>
<!--
Validation error messages that are showing to the user when the form fails to
validate. The form supports different types of validators. You can change the
text of the error messages the validators produce here.
You can use the {LABEL} keyword in these messages. It will replace it with the
label value of the field where an error occurs.
-->
<validationErrorMessages>
<!--
A required field is not filled in.
-->
<message type="fieldIsRequired">{LABEL} is required.</message>
<!--
The specified e-mail address is incorrect.
-->
<message type="emailNotValid">{LABEL} - is not valid email address.</message>
<!--
The specified number of characters in a field is less than a required minimum.
-->
<message type="minCharsLimitError">{LABEL} - The specified number of characters in a field is less than a required minimum.</message>
<!--
The specified string does not match with the regular expression.
-->
<message type="reqExpError">{LABEL} - The specified string does not match with the regular expression.</message>
<!--
The specified number is greater than an acceptable biggest number for this field.
-->
<message type="biggerThanMaxError">{LABEL} - The specified number is greater than an acceptable biggest number for this field.</message>
<!--
The specified number is lower than an acceptable lowest number for this field.
-->
<message type="lowerThanMinError">{LABEL} - The specified number is lower than an acceptable lowest number for this field.</message>
<!--
The data is not a number.
-->
<message type="notANumberError">{LABEL} - The data is not a number.</message>
<!--
The specified number must not be negative.
-->
<message type="negativeError">{LABEL} - The specified number must not be negative.</message>
<!--
The minimum number of variants is not selected
-->
<message type="minRequirementError">{LABEL} - The minimum number of variants is not selected</message>
<!--
The number of variants selected exceeds the maximum
-->
<message type="maxRequirementError">{LABEL} - The number of variants selected exceeds the maximum</message>
<!--
The fields that should be equal do not match
-->
<message type="shouldBeEqualError">{LABEL} - values do not match</message>
<!--
The date has wrong format.
-->
<message type="dateIsNotValidError">{LABEL} - date has wrong format</message>
</validationErrorMessages>
</contactFormConfiguration>
THIS IS THE ACTUAL CONTACT.PHP Form That i would like to link to.
<?php
//-----------------Getting data sent by flash---------------------
foreach ($_POST as $key => $value){
if ($key != 'mail_to' && $key != 'smtp_server' && $key != 'smtp_port' && $key != 'mail_from' && $key != 'mail_subject' && $key != 'plain_text'){
$mail_body .= '<b>'.str_replace('_',' ',$key).'</b>:<br/>';
$mail_body .= ''.stripslashes($value).'<br/>';
$message = '<html><body>'.$mail_body.'</body></html>'; // mail body
//------------if plain text is set to true removing html tags------
if ($_POST['plain_text']=='true') {
$message = str_replace('<br/>',"\r\n", $message);
$message = strip_tags($message);
} else {
//----otherwise composing message headers---------------------------
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=windows-1251' . "\r\n";
//------------setting conf data-------------------------------------
$to = $_POST['mail_to'];
$from = $_POST['mail_from'];
$subject = $_POST['mail_subject'];
$smtp_server = $_POST['smtp_server'];
$smtp_port = $_POST['smtp_port'];
//---------setting header info--------------------------------------
$headers .= 'From:' .$from;
if (mail($to, $subject, $message, $headers)){ // sending mail
print('&mail=1'); //succes
} else {
print('&mail=0');//failure
?>You can open both Muse files at once, copy the content of a page on one site, then paste it into a new page on the other site. You might have to redo some of the page styling.
-
I have to make inaccessible the Javascript code embedded in a form pdf. How can I do?
I have to make inaccessible the Javascript code embedded in a form pdf. How can I do?
You can secure the file and prevent access to the code, but it's very easy
to overcome that. Alternatively you can use a code obfuscator to make the
code less legible.
On Feb 11, 2015 3:51 PM, "marcogolinelli88" <[email protected]> -
Can I upload a php file to my host with an embedded html contact form in Muse for it to work?
Can I upload a php file to my host with an embedded html contact form in Muse for it to work?
That would require to know your hosting provider and his requirements. And therein also lies the answer: You cannot blindly design a form in Muse and just hope it will work, you have to know this stuff beforehand and design "to spec".
Mylenium -
Site messed up after adding Contact form.
The site is online in its current state: http://www.wientjesvoegwerk.nl/index.html
The site uses (X)HTML, JAVA, PHP and Spry tabbed panels with a CSS layout.
The current state has:
<?php include("mail.php"); ?>
Before the Doctype, etc.
<?php $xajax->printJavascript('xajax/'); ?>
In the header.
But adding:
<?php echo '<div id="contact_result">'.$form.'</div>'; ?>
to the div where i want to put the mailing form results in problems...
If i add that last line my footer will go up to the header. and i dont know why...
The new code from the form that messes up the site is marked in red.
The HTML:
<?php include("mail.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=UTF-8" />
<title>Wientjes Voegwerk & Renovatie - Home</title>
<link href="CSS/Style.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="CSS/Style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Language" content="NL" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Wientjes Voegwerk en Renovatie is een voeg- en renovatiebedrijf gespecialiseerd in gevelrenovatie. Dagelijkse werkzaamheden zijn het voegen van nieuwbouwwerk, en alle voorkomende vormen van gevelrenovatie. Ik geef uw woning, garage of schoorsteen de aandacht die het verdient en ben trots op het resultaat van mijn werk!"/>
<meta name="keywords" content="Voegwerk, Renovatie, Reinigen, Impregneren, Muur, Voegen, Steen, Woning, Garage, Schoorsteen, Bedrijf, Gevel, Wientjes, Uitslijten, Kappen, Fundering, Vorstschade, Metselen, Metselwerk, Vocht" />
<meta name="author" content="Rob Nijlaan" />
<?php $xajax->printJavascript('xajax/'); ?>
</head>
<body>
<div id="WContainer">
<div id="WHeader" align="center">
<img src="Pictures/VoegenRenLos.png" width="540" height="58" /><br />
<img src="Pictures/WientLogo.png" width="600" height="136" alt="Wientjes Voegwerk & Renovatie" /></div>
<div id="TabbedPanels1" class="VTabbedPanels">
<ul class="TabbedPanelsTabGroup">
<div class="TabbedPanelsTab" tabindex="0">
<style>#Home a{display:block;color:transparent;} #Home a:hover{background-position:left bottom;}a#Home {display:none}</style>
<table id="Home" width=0 cellpadding=0 cellspacing=0 border=0><tr>
<td style="padding-right:0px" title ="Home">
<a href="javascript:TabbedPanels1.showPanel(1);" title="Home" style="background-image:url(Buttons/Home.png);width:172px;height:75px;display:block;"><br/></a></td>
</tr></table>
</div>
<div class="TabbedPanelsTab" tabindex="0">
<style>#Info a{display:block;color:transparent;} #Info a:hover{background-position:left bottom;}a#Info {display:none}</style>
<table id="Info" width=0 cellpadding=0 cellspacing=0 border=0><tr>
<td style="padding-right:0px" title ="Info">
<a href="javascript:TabbedPanels1.showPanel(2);" title="Info" style="background-image:url(Buttons/Info.png);width:172px;height:75px;display:block;"><br/></a></td>
</tr></table>
</div>
<div class="TabbedPanelsTab" tabindex="0">
<style>#Gallerij a{display:block;color:transparent;} #Gallerij a:hover{background-position:left bottom;}a#Gallerij {display:none}</style>
<table id="Gallerij" width=0 cellpadding=0 cellspacing=0 border=0><tr>
<td style="padding-right:0px" title ="Gallerij">
<a href="javascript:TabbedPanels1.showPanel(3);" title="Gallerij" style="background-image:url(Buttons/Gallerij.png);width:172px;height:75px;display:block;"><br/></a></td>
</tr></table>
</div>
<div class="TabbedPanelsTab" tabindex="0">
<style>#Contact a{display:block;color:transparent;} #Contact a:hover{background-position:left bottom;}a#Contact {display:none}</style>
<table id="Contact" width=0 cellpadding=0 cellspacing=0 border=0><tr>
<td style="padding-right:0px" title ="Contact">
<a href="javascript:TabbedPanels1.showPanel(4);" title="Contact" style="background-image:url(Buttons/Contact.png);width:172px;height:75px;display:block;"><br/></a></td>
</tr></table>
</div>
<br />
<br />
<br />
<br />
<br />
<center><footer>Wientjes Voegwerk en Renovatie<br /><br />
tel; 06 - 221 464 28<br /><br />kvk;
</footer></center>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent" id="Home">
<h1>Welkom Bij Wientjes Voegwerk en Renovatie!</h1>
<p>Wientjes Voegwerk en Renovatie is een voeg- en renovatiebedrijf gespecialiseerd in gevelrenovatie.<br />Dagelijkse werkzaamheden zijn het voegen van nieuwbouwwerk, en alle voorkomende vormen van gevelrenovatie.<br />Ik geef uw woning, garage of schoorsteen de aandacht die het verdient en ben trots op het resultaat van mijn werk!<br /><br />Wientjes, J </p>
<h2>Voegen/Renovatie/Reinigen & Impregneren. </h2>
<table border="0" align="right"><center><tr><td>
<a href="Foto/Foto's telefoon1 075.jpg"><img src="Foto/Foto's telefoon1 075.jpg" alt="Muur met Steiger" width="379" height="354" align="right" margin-right="55px"/>
</a></td></tr><tr><td><center>klik op de foto voor een groter voorbeeld</center></td></tr></center></table>
<p>Vaak wordt er bij het kopen van een woning weinig aandacht besteed aan het voegwerk. Er wordt alleen gekeken naar hoe een woning is gebouwd.<br />Een voeg bepaalt echter wel het aanzicht van een woning. Van een goed aangebrachte voeg heeft u uiteraard veel langer plezier. <br />Renovatie bestaat voornamelijk uit het uitslijpen of kappen van het oude voegwerk. Waar nodig het verwijderen van scheuren die zijn ontstaan door:</p>
<ul>
<li>
<p>
Verzakking van de fundering
</p>
</li>
<li>
<p>
Slecht voegwerk
</p>
</li>
<li>
<p>
Vorstschade
</p>
</li>
<li>
<p>
Doorhangen of ontbreken van ...
</p>
</li>
</ul>
<p>Bij gevelvervuiling van uw woning kunnen er problemen ontstaan die het wooncomfort negatief kunnen beïnvloeden.<br />Wanneer de voeg is aangetast of het metselwerk is door vorstschade beschadigd, kunnen er vochtproblemen in huis ontstaan.<br />Mos en alg hechten zich goed aan beschadigde stenen en voegwerk. <br /><br />Door middel van impregnering wordt een woning waterafstotend gemaakt.<br />Dit betekent dat het voeg- en metstelwerk jarenlang wordt beschermd tegen weersinvloeden. <br />Ook is impregnering beter voor de isolatie van de woning.</p>
<p align="left"><img src="Pictures/TelnrLos.png" width="525" height="49" align="top"/></p>
</div>
<div class="TabbedPanelsContent" id="Info">
test2
</div>
<div class="TabbedPanelsContent" id="Gallerij">
test3
</div>
<div class="TabbedPanelsContent" id="Contact">
<?php echo '<div id="contact_result">'.$form.'</div>'; ?>
</div>
</div>
` </div>
</div>
<div id="WFooter" align="center">
<footer>Wientjes Voegwerk & Renovatie , 03- '02 » Site by ; <b>Rob Nijlaan</b> » Problemen of vragen over deze site? - <b><a href="mailto:[email protected]">[email protected]</a></b></footer>
</div>
</div>
</body>
</html>
</
The CSS:
@charset "utf-8";
/* CSS Document */
html,body {
height:100%; /* needed for container min-height */
width:100%;
background: #FFFFFF url(../Pictures/Background.png) no-repeat center;
color:#000;
h1{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #595999;
font-weight: bold;
font-style:italic;
font-size: 250%;
h2{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #595999;
font-weight: bold;
font-size: 200%;
p{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 110%;
footer{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 70%;
#WContainer{
position:absolute;
margin:0 auto;
width:80%;
background:none;
height:auto;
height:100%;
min-height:100%;
margin-left: 10%;
margin-right: 10%;
#WHeader{
height: 195px;
width:100%;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 172px;
height: 75px;
background-color: #FFF;
position: relative;
border-top: solid 0px #FFF;
border-right: solid 0px #FFF;
border-left: solid 0px #FFF;
border-bottom: solid 0px #FFF;
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
.VTabbedPanels .TabbedPanelsContentGroup {
margin-left: 220px;
width: auto;
height: auto;
min-height:50%;
max-width:83%;
min-width:500px;
padding: 20px 20px 20px 20px;
border-left: solid 1px #999;
border-bottom: solid 2px #999;
border-top: solid 1px #999;
border-right: solid 2px #999;
#WFooter{
clear:both;
height: 30px;
margin-top:1px;
Also i use "SpryTabbedPanels.js", for the html.
The Contact form: (adjusted to hide critical info from forum users)
<?php
require_once('phpmailer/class.phpmailer.php');
require_once('xajax/xajax_core/xajax.inc.php');
$form = '<form id="ContactForm">
<div class="container">
<label class="contactlabel">Ùw Naam<br /><input name="name" type="text" class="input" /></label>
<label class="contactlabel">Uw Email Adres:<br /><input name="email" type="text" class="input" /></label>
<label class="contactlabel">Uw Telefoonnummer:<br /><input name="phone" type="text" class="input" /></label>
Typ hier uw bericht:<br />
<textarea name="msg" cols="1" rows="1"></textarea><br />
<input type="button" id="subbtn" class="btn" value="Submit" onclick="xajax_myFunction(xajax.getFormValues(\'ContactForm\'));" />
<div id="form_msg"></div> //this div will contain error messages
</div>
</form>';
function myFunction($get) {
global $form, $error;
$error = '';
$objResponse = new xajaxResponse();
$show_form = true;
if (!empty($get['email']) && !empty($get['phone']) && !empty($get['msg']) && !empty($get['name'])) {
if (preg_match("/^[\w-]+(\.[\w-]+)*@([0-9a-z][0-9a-z-]*[0-9a-z]\.)+([a-z]{2,4})$/i", trim($get['email']))) {
$email = preg_replace("/\r\n/", "", $get['email']);
$from = preg_replace("/\r\n/", "", $get['name']);
$name = $get['name'];
$phone = $get['phone'];
$msg = $get['msg'];
$mail = new PHPMailer();
$mail->IsSMTP();
$mail->Host = "mail.YOURHOST.com";
$mail->SMTPAuth = true;
$mail->Username = "USERNAME";
$mail->Password = "PASSWORD";
$mail->From = $get['email'];
$mail->FromName = $get['name'];
$mail->AddAddress("[email protected]");
$mail->AddReplyTo($email, $from);
$mail->Subject = "Er is een bericht verzonden vanuit Wientjesvoegwerk.nl";
$mail->IsHTML(true);
$mail->Body = "Name: $name <br/> Email: $email <br/> Phone: $phone <br/> Message: $msg";
if ($mail->Send()) {
$error = "Success! Dank u voor uw interesse! Er wordt zo spoedig mogelijk contact met u opgenomen.";
$show_form = false;
} else {
$error = "Er is een probleem ontstaan tijdens het verzenden, probeert u het a.u.b. nog eens.";
$show_form = true;
} else {
$error = "Het ingevoerde email adress is onjuist. Probeert u het a.u.b. nog eens.";
$show_form = true;
} else {
$error = "Vul a.u.b. alle nodige velden in!";
$show_form = true;
if (!$show_form) {
$objResponse->assign('contact_result', 'innerHTML', $error);
} else {
$objResponse->assign('form_msg', 'innerHTML', $error);
return $objResponse;
$xajax = new xajax();
$xajax->registerFunction('myFunction');
$xajax->processRequest();
?>
Also "class.phpmailer.php" and "xajax.inc.php" are obviously needed as well as some other files from those packages.
THE BIG PROBLEMS:
1. Adding the form to a div (into content div of Spry tabbed panels) results in wrong apearance.
Footer is put to top.
2. Adding the form to a div results in broken functions.
Buttons in the Spry tabs dont work anymore.
3. Java is messed up.
in top screen you read: printJavascript('xajax/'); ?>
in lower screen in content div: test2 test3 (text from the 2nd and 3rd Content area of Spry, just so its filled with something) and '.$form.' '; ?>
SOLUTIONS ASKED:
1. Please help me with the contact form so it will work on my page and no error remains. Im not that good in Java...
2. Please help me solving the problem with the footer. I dont have any clue anymore why this happens. And why no problems occur without the mail form.
3. Can anyone tell me why the buttons also lose function? It looks like a similar problem as the footer.
In short: HELP!Thank you for pointing me in the right direction. I must honestly say im a hobby programmer that has the capability to learn fast.
A few weeks ago i only knew html, actionscript, etc. I never worked with xhtml, javascript, css, etc. untill now.
But with some help i managed to resolve ALL problems so far, exept 2...
My site has no errors anymore all files are validated 100%!
The only 2 problems now are;
1. The use of <li> for Spry tabs. They make the buttons have a dot in front of them. I hope this can be changed into something that removes the
list dots/numbers.
So from this:
button
to this:
button
2. I like to use this email form from: http://www.webbyzone.com/2010/01/10/make-xajax-phpmailer-contact-forms-work/
The code is embedded in my site but doesnt work at all. Please take a look at it... -
Why won't this contact form work?
Hi All,
Ok so i decided to update the contact form of page below as i was using the out dated spry validation method. I inserted the new contact form using webassist dreamweaver extension but i am now having big problems with this page. I am now unable to even open the page, please use link below to see the page error and i have also pasted the code of this page.
http://www.milesfunerals.com/contact.php
<?php virtual("/webassist/form_validations/wavt_scripts_php.php"); ?>
<?php virtual("/webassist/form_validations/wavt_validatedform_php.php"); ?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Miles & Daughters | Contact us by email or phone</title>
<meta name="description" content="Contact us and speak to any of our friendly staff if you have any enquiries or if you would prefer you can contact us by email. You can also see pictures of all five of our branches. ">
<meta name="keywords" content="contact, questions, enquiries, friendly, email, addresses, write, funeral home, branches, reading, wokingham, crowthorne, twyford, bracknell">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="/stylesheet.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="fancyBox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="fancyBox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
</script>
<style type="text/css">
#sprytextfield2{
form input[type=text] {width: 75%}
textarea {width: 85%}
#sprytextfield1{
form input[type=text] {width: 75%}
textarea {width: 85%}
</style>
<LINK REL="SHORTCUT ICON" HREF="http://www.milesmemorials.com/favicon.ico">
<script src="/webassist/progress_bar/jquery-blockui-formprocessing.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<script src="/SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="/webassist/forms/wa_servervalidation.js" type="text/javascript"></script>
<link href="/webassist/forms/fd_basic_default.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<?php include('includes/header.php'); ?>
<?php include('includes/navbar2.php'); ?>
<?php include('includes/navbar.php'); ?>
<?php include('includes/sidebar.php'); ?>
<div id="maindiv" class="maindiv_scroll">
<p> </p>
<p> </p>
<p class="subheading">Miles and Daughters - Contact us</p>
<p class="sub2">Addresses and telephone numbers for our offices are:</p>
<p class="maintext"> </p>
<p class="wokingham"><span class="address"><a class="fancybox" href="images/Isabella house.jpg" title="Miles & Daughters Winnersh Premises"><img src="images/Isabella house.jpg" alt="Miles & Daughters Wokingham premisesh" width="297" height="263" class="shop"/></a></span> </p>
<p class="wokingham"> </p>
<p class="wokingham">Wokingham</p>
<p class="address">Isabella House </p>
<p class="address">498a Reading Road</p>
<p class="address"> Winnersh </p>
<p class="address">Berkshire</p>
<p class="address"> RG41 5EX</p>
<p class="address"> Telephone: 0118 979 3004</p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"><a class="fancybox" href="images/cav-1.jpg" title="Miles & Daughters Reading Premises"><img src="/images/cav-1.jpg" alt="Miles & Daughters Reading premises" width="380" height="321" class="shop"/></a></p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="wokingham">Reading</p>
<p class="address">Tamela House</p>
<p class="address">157-161 Caversham Road</p>
<p class="address">Reading</p>
<p class="address">Berkshire</p>
<p class="address">RG1 8BB</p>
<p class="address">Telephone: 0118 959 0022</p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"><a class="fancybox" href="images/Ivydene2.jpg" title="Miles & Daughters Binfield Premises"><img src="images/Ivydene2.jpg" alt="Miles & Daughters Bracknell premises" width="380" height="267" class="shop"/></a></p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham">Bracknell</p>
<p class="address">Ivydene House</p>
<p class="address">Forest Road</p>
<p class="address">Binfield</p>
<p class="address">Bracknell</p>
<p class="address">RG42 4HP</p>
<p class="address">Telephone: 01344 452020 </p>
<p class="wokingham"><span class="address"><a class="fancybox" href="images/twford.jpg" title="Miles & Daughters Twyford Premises"><img src="images/twford.jpg" alt="Miles & Daughters Twyford premises" width="263" height="317" class="shop"/></a></span></p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham">Twyford</p>
<p class="address">The Old Clock House</p>
<p class="address">Station Road</p>
<p class="address"> Twyford</p>
<p class="address">Berkshire </p>
<p class="address">RG10 9NS</p>
<p class="address"> Telephone: 0118 934 5474</p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"><a class="fancybox" href="images/crowthorne.jpg" title="Miles & Daughters Crowthorne Premises"><img src="images/crowthorne.jpg" alt="Miles & Daughters Crowthorne premises" width="362" height="239" class="shop"/></a></p>
<p class="wokingham"> </p>
<p class="wokingham"> </p>
<p class="wokingham">Crowthorne</p>
<p class="address">Alicya House</p>
<p class="address">105 High Street</p>
<p class="address"> Crowthorne</p>
<p class="address">Berkshire </p>
<p class="address">RG45 7AD</p>
<p class="address"> Telephone: 01344 774932</p>
<p class="address"> </p>
<p class="address"> </p>
<p class="address"> </p>
<p class="endtext"> </p>
<p class="endtext"> </p>
<p class="maintext">You may email us or alternatively use the form below to contact us, one of our members of staff will respond as soon as possible. </p>
<p> </p>
<div id="SimpleContact_Basic_Default_ProgressWrapper">
<form class="Basic_Default" id="SimpleContact_Basic_Default" name="SimpleContact_Basic_Default" method="post" action="form-to-email.php">
<!--
WebAssist CSS Form Builder - Form v1
CC: Contact
CP: Simple Contact
TC: Basic
TP: Default
-->
<ul class="Basic_Default">
<li>
<fieldset class="Basic_Default" id="Contact_me">
<legend class="groupHeader">Contact</legend>
<ul class="formList">
<li class="formItem"> <span class="fieldsetDescription"> Required * </span> </li>
<li class="formItem">
<div class="formGroup">
<div class="lineGroup">
<div class="fullColumnGroup">
<label for="Full_Name" class="sublabel" > Name:<span class="requiredIndicator"> *</span></label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span id="Full_Name_Spry"> <span>
<input id="Full_Name" name="Full_Name" type="text" value="<?php echo((isset($_GET["invalid"])?ValidatedField("formtoemail","Full_Name"):"")); ?>" class="formTextfield_Large" tabindex="1" onBlur="hideServerError('Full_Name_ServerError');">
<span class="textfieldRequiredMsg">Please enter your name</span> </span> </span>
<?php
if (ValidatedField('formtoemail','formtoemail')) {
if ((strpos((",".ValidatedField("formtoemail","formtoemail").","), "," . "1" . ",") !== false || "1" == "")) {
if (!(false)) {
?>
<span class="serverInvalidState" id="Full_Name_ServerError">Please enter your name</span>
<?php //WAFV_Conditional form-to-email.php formtoemail(1:)
}?>
</div>
</div>
</div>
</div>
</div>
<div class="lineGroup">
<div class="fullColumnGroup">
<label for="Email_Address" class="sublabel" > Email:<span class="requiredIndicator"> *</span></label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span id="Email_Address_Spry"> <span>
<input id="Email_Address" name="Email_Address" type="text" value="<?php echo((isset($_GET["invalid"])?ValidatedField("formtoemail","Email_Address"):"")); ?>" class="formTextfield_Large" tabindex="2" onBlur="hideServerError('Email_Address_ServerError');">
<span class="textfieldInvalidFormatMsg">Invalid format.</span><span class="textfieldRequiredMsg">Please enter a full email address</span> </span> </span>
<?php
if (ValidatedField('formtoemail','formtoemail')) {
if ((strpos((",".ValidatedField("formtoemail","formtoemail").","), "," . "2" . ",") !== false || "2" == "")) {
if (!(false)) {
?>
<span class="serverInvalidState" id="Email_Address_ServerError">Please enter a full email address</span>
<?php //WAFV_Conditional form-to-email.php formtoemail(2:)
}?>
</div>
</div>
</div>
</div>
</div>
<div class="lineGroup">
<div class="fullColumnGroup">
<label for="Comments" class="sublabel" > Comments:</label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span>
<textarea name="Comments" id="Comments" class="formTextarea_Medium" rows="1" cols="1" tabindex="3"><?php echo((isset($_GET["invalid"])?ValidatedField("formtoemail","Comments"):"")); ?></textarea>
</span> </div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="formItem">
<div class="formGroup">
<div class="lineGroup">
<div class="fullColumnGroup">
<div class="fullColumnGroup">
<label for="Security_Code" class="sublabel" > </label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span> <img src="/webassist/captcha/wavt_captchasecurityimages.php?field=Security_Code&noisefreq= 15&noisecolor=060606&gridcolor=080808&font=fonts/MOM_T___.TTF&textcolor=04 0404" alt="Security Code" class="Captcha"> </span> </div>
</div>
</div>
</div>
<div class="fullColumnGroup" style="clear:left;">
<label for="Security_Code" class="sublabel" > Security code:<span class="requiredIndicator"> *</span></label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span id="Security_Code_Spry"> <span>
<input id="Security_Code" name="Security_Code" type="text" value="" class="formTextfield_Large" tabindex="4" onBlur="hideServerError('Security_Code_ServerError');">
<span class="textfieldRequiredMsg">Entered text does not match; please try again</span> </span> </span>
<?php
if (ValidatedField('formtoemail','formtoemail')) {
if ((strpos((",".ValidatedField("formtoemail","formtoemail").","), "," . "3" . ",") !== false || "3" == "")) {
if (!(false)) {
?>
<span class="serverInvalidState" id="Security_Code_ServerError">Entered text does not match; please try again</span>
<?php //WAFV_Conditional form-to-email.php formtoemail(3:)
}?>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="lineGroup">
<div class="fullColumnGroup">
<div class="fullColumnGroup">
<label for="Security_Answer_2" class="sublabel" > </label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span> <span class="precedingText">
<?php virtual("/webassist/captcha/wavt_captchasecurityquestion.php"); ?>
</span> </span> </div>
</div>
</div>
</div>
<div class="fullColumnGroup" style="clear:left;">
<label for="Security_Answer" class="sublabel" > Answer:<span class="requiredIndicator"> *</span></label>
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup"> <span id="Security_Answer_Spry"> <span>
<input id="Security_Answer" name="Security_Answer" type="text" value="" class="formTextfield_Large" tabindex="5" onBlur="hideServerError('Security_Answer_ServerError');">
<span class="textfieldRequiredMsg">Incorrect
response; please try again</span> </span> </span>
<?php
if (ValidatedField('formtoemail','formtoemail')) {
if ((strpos((",".ValidatedField("formtoemail","formtoemail").","), "," . "4" . ",") !== false || "4" == "")) {
if (!(false)) {
?>
<span class="serverInvalidState" id="Security_Answer_ServerError">Incorrect
response; please try again</span>
<?php //WAFV_Conditional form-to-email.php formtoemail(4:)
}?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="formItem"> <span class="buttonFieldGroup" >
<input id="Hidden_Field" name="Hidden_Field" type="hidden" value="<?php echo((isset($_GET["invalid"])?ValidatedField("formtoemail","Hidden_Field"):"")); ?>">
<input class="formButton" name="SimpleContact_submit" type="submit" id="SimpleContact_submit" value="Contact me" onClick="clearAllServerErrors('SimpleContact_Basic_Default')">
</span> </li>
</ul>
</fieldset>
</li>
</ul>
</form>
</div>
<div id="SimpleContact_Basic_Default_ProgressMessageWrapper" class="blockUIOverlay" style="display:none;">
<script type="text/javascript">
WADFP_SetProgressToForm('SimpleContact_Basic_Default', 'SimpleContact_Basic_Default_ProgressMessageWrapper', WADFP_Theme_Options['BigSpin:Slate']);
</script>
<div id="SimpleContact_Basic_Default_ProgressMessage" >
<p style="margin:10px; padding:5px;" ><img src="/webassist/progress_bar/images/slate-largespin.gif" alt="" title="" style="vertical-align:middle;" /> Please wait</p>
</div>
</div>
<p class="maintext"> </p>
</div>
<?php include('includes/footer.php'); ?>
</div>
<script type="text/javascript">
var Full_Name_Spry = new Spry.Widget.ValidationTextField("Full_Name_Spry", "none",{validateOn:["blur"]});
var Email_Address_Spry = new Spry.Widget.ValidationTextField("Email_Address_Spry", "email",{validateOn:["blur"]});
var Security_Code_Spry = new Spry.Widget.ValidationTextField("Security_Code_Spry", "none",{validateOn:["blur"]});
var Security_Answer_Spry = new Spry.Widget.ValidationTextField("Security_Answer_Spry", "none",{validateOn:["blur"]});</script>
</body>
</html>Might want to have a look at this form below. It's similar to yours but no styling - you'd need to use some css to style it up a bit. It's just the raw html/php coding. The form action="form_send.php" - basically save the code to a Dreamweaver document named form_send.php and send the information back to the page to be processed.
<?php
$number_1 = rand(1, 9);
$number_2 = rand(1, 9);
$answer = md5($number_1+$number_2);
if(isset($_POST['submit'])) {
// get the name from the form 'name' field
$name = trim($_POST['name']);
if (empty($name)) {
$error['name'] = "<span>Please provide your name</span>";
// get the email from the form 'email' field
$email = trim($_POST['email']);
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$error['email'] = "<span>Please provide a valid email address</span>";
// get the comments from the form 'comments' field
$comments = trim($_POST['comments']);
if (empty($comments)) {
$error['comments'] = "<span>Please provide your comments</span>";
// security against spam
$user_answer = trim(htmlspecialchars($_POST['user_answer']));
$answer = trim(htmlspecialchars($_POST['answer']));
if (md5($user_answer) != $answer) {
$error['answer'] = "<span>Wrong answer - please try again</span>";
// if no errors send the form
if (!isset($error) && md5($user_answer) == $answer) {
$to = '[email protected]'; // send to recipient
$from = '[email protected]'; // from your domain
$subject = 'Response from website';
$message = "From: $name\r\n\r\n";
$message .= "Email: $email\r\n\r\n";
$message .= "Comments: $comments";
$headers = "From: $from\r\nReply-to: $email";
$sent = mail($to, $subject, $message, $headers);
echo 'Your message has been sent.';
else {
$number_1 = rand(1, 9);
$number_2 = rand(1, 9);
$answer = md5($number_1+$number_2);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
#contactForm span {
color: #900;
</style>
</head>
<body>
<form name="contactForm" id="contactForm" method="post" action="form_send.php">
<p><label for="name">Name<input type="text" name="name" id="name" value="<?php if(isset($name)) {echo $name; } ?>" <?php if(isset($error['name'])) {echo 'style="background-color: #FCC;"'; } ?>></label><br>
<?php if(isset($error['name'])) {echo $error['name']; } ?></p>
<p><label for="email">Email<input type="text" name="email" id="email" value="<?php if(isset($email)) {echo $email; } ?>" <?php if(isset($error['email'])) {echo 'style="background-color: #FCC;"'; } ?>></label><br>
<?php if(isset($error['email'])) {echo $error['email']; } ?></p>
<p><label for="comments">Comments<textarea name="comments" id="comments" <?php if(isset($error['comments'])) {echo 'style="background-color: #FCC;"'; } ?>>
<?php if(isset($comments)) { echo $comments; } ?></textarea></label><br>
<?php if(isset($error['comments'])) {echo $error['comments']; } ?></p>
<p>Spam prevention - please answer the question below:</p>
<p><?php echo $number_1; ?> + <?php echo $number_2; ?> = ?<input type="text" name="user_answer" <?php if(isset($error['answer'])) {echo 'style="background-color: #FCC;"'; } ?>/>
<input type="hidden" name="answer" value="<?php echo $answer; ?>" /><br>
<?php if(isset($error['answer'])) {echo $error['answer']; } ?></p>
<p><input type="submit" name="submit" id="sumbit"></p>
</form>
</body>
</html> -
Spry Contact Form doesn't show all the information on email
Hi there,
So I have created a contact form with the spry text fields.
The text fields are:
Name
Email
Message
Onced tested the email shows:
Name : [email protected]
Email : (blank)
Message: (blank)
So The two issues is that is shows the email shows under name and the email and message sections dont show any infomation at all.
Link is here
Thanks in advance
AshThe best way is to have no separate action page and lump the whole lot into one document.
The following is an example of this
<?php
if(isset($_POST['Email'])) {
// EDIT THE 2 LINES BELOW AS REQUIRED
$email_to = "[email protected]";
$email_subject = "Your email subject line";
function died($error) {
// your error code can go here
echo "We are very sorry, but there were error(s) found with the form you submitted. ";
echo "These errors appear below.<br /><br />";
echo $error."<br /><br />";
echo "Please go back and fix these errors.<br /><br />";
die();
// validation expected data exists
if(!isset($_POST['Name']) ||
!isset($_POST['Email']) ||
!isset($_POST['message'])) {
died('We are sorry, but there appears to be a problem with the form you submitted.');
$name = $_POST['Name']; // required
$email_from = $_POST['Email']; // required
$comments = $_POST['message']; // required
$error_message = "";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$email_from)) {
$error_message .= 'The Email Address you entered does not appear to be valid.<br />';
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$name)) {
$error_message .= 'The Name you entered does not appear to be valid.<br />';
if(strlen($comments) < 2) {
$error_message .= 'The Comments you entered do not appear to be valid.<br />';
if(strlen($error_message) > 0) {
died($error_message);
$email_message = "Form details below.\n\n";
function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
$email_message .= "Name: ".clean_string($name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Comments: ".clean_string($comments)."\n";
// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
?>
<!-- include your own success html here -->
<p class="message">Thank you for contacting us. We will be in touch with you very soon.</p>
<?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=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>
.message {
font-size: 1.4em;
color: #F00;
</style>
</head>
<body>
<h1>Contact Us</h1>
<p>Please use any of the below methods to contact us for any enquiries or questions you may have</p>
<p>Email : <a href="mailto:[email protected]">[email protected]</a></p>
<form id="formmail" name="formmail" method="post" action="">
<p id="nametextfield2">
<label for="Name"></label>
<input type="text" name="Name" id="Name" />
<span class="textfieldRequiredMsg">A value is required.</span>
<span class="textfieldMinCharsMsg">Minimum number of characters not met.</span>
<span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span>
</p>
<p id="emailtextfield3">
<label for="Email"></label>
<input type="text" name="Email" id="Email" />
<br />
<span class="textfieldRequiredMsg">A value is required.</span>
<span class="textfieldInvalidFormatMsg">Invalid format.</span>
</p>
<p id="messagetextarea1">
<label for="message"></label>
<textarea name="message" id="message" cols="45" rows="5"></textarea>
<span id="countmessagetextarea1"> </span>
<span class="textareaRequiredMsg">A value is required.</span>
<span class="textareaMinCharsMsg">Minimum number of characters not met.</span>
<span class="textareaMaxCharsMsg">Exceeded maximum number of characters.</span>
</p>
<p>
<input type="submit" name="Submit" id="Submit" value="Submit" />
</p>
</form>
<script type="text/javascript">
var sprytextfield2 = new Spry.Widget.ValidationTextField("nametextfield2", "none", {hint:"Name", minChars:1, maxChars:50, validateOn:["blur"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("emailtextfield3", "email", {validateOn:["blur"], hint:"Email"});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("messagetextarea1", {minChars:1, maxChars:400, validateOn:["blur"], counterType:"chars_remaining", counterId:"countmessagetextarea1", hint:"Message"});
</script>
</body>
</html>
Down the track you will be able to hide the form once it has been submitted.
Gramps -
Hi everyone,
I have the following code as my contact form but when I click the submit button, nothing happens, ie. it just stays on the same page and none of the data gets inserted into the CRM. I wondered if anyone can see any problems with the code below?
Appreciate any advice.
<form name="catwebformform22024" method="post" onsubmit="return checkWholeForm22024(this)" enctype="multipart/form-data" action="/FormProcessv2.aspx?WebFormID=70380&OID={module_oid}&OTYPE={module_otype} &EID={module_eid}&CID={module_cid}">
<span class="req">*</span> Required
<table class="webform" cellspacing="0" cellpadding="2" border="0">
<tbody>
<tr>
<td><label for="Title">Title</label><br />
<select name="Title" id="Title" class="cat_dropdown_smaller">
<option value="913107">DR</option>
<option value="913106">MISS</option>
<option value="913103" selected="selected">MR</option>
<option value="913104">MRS</option>
<option value="913105">MS</option>
</select></td>
</tr>
<tr>
<td><label for="FirstName">First Name <span class="req">*</span></label><br />
<input type="text" name="FirstName" id="FirstName" class="cat_textbox" maxlength="255" /> </td>
</tr>
<tr>
<td><label for="LastName">Last Name <span class="req">*</span></label><br />
<input type="text" name="LastName" id="LastName" class="cat_textbox" maxlength="255" /> </td>
</tr>
<tr>
<td><label for="EmailAddress">Email Address <span class="req">*</span></label><br />
<input type="text" name="EmailAddress" id="EmailAddress" class="cat_textbox" maxlength="255" /> </td>
</tr>
<tr>
<td><label for="WorkPhone">Work Phone Number <span class="req">*</span></label><br />
<input type="text" name="WorkPhone" id="WorkPhone" class="cat_textbox" maxlength="255" /></td>
</tr>
<tr>
<td><label for="CellPhone">Mobile Phone Number</label><br />
<input type="text" name="CellPhone" id="CellPhone" class="cat_textbox" maxlength="255" /></td>
</tr>
<tr>
<td><label>Preferred Contact Method</label><br />
<input type="radio" name="CAT_Custom_328076" id="CAT_Custom_328076_0" value="Phone" />Phone<br />
<input type="radio" name="CAT_Custom_328076" id="CAT_Custom_328076_1" value="Email" />Email</td>
</tr>
<tr>
<td><label for="CAT_Custom_328077">Comments/Enquiries</label><br />
<textarea name="CAT_Custom_328077" id="CAT_Custom_328077" cols="10" rows="4" class="cat_listbox" onkeydown="if(this.value.length>=4000)this.value=this.value.substring(0,3999);"></text area></td>
</tr>
<tr>
<td><input class="cat_button" type="submit" value="Submit" id="catwebformbutton" /></td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
<script type="text/javascript">
//<![CDATA[
var submitcount22024 = 0;function checkWholeForm22024(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (theForm.WorkPhone) why += isEmpty(theForm.WorkPhone.value, "Work Phone Number"); if(why != ""){alert(why);return false;}if(submitcount22024 == 0){submitcount22024++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
</form>Hi there,
Some basic questions to ask first. (Also it is easier if you post the link to the page rather then the code, we can see it ourselves, any errors, view the console etc)
1. You are putting this form in a BC site?
2. The webform in the admin with ID 70380 exists? -
Php: contact form doesn't redirect to thanks
There has to be something wrong in the contact.php script, but I can't seem to find it. http://www.nsmcleaning.com/contact.php should go to http://nsmcleaning.com/contact.php?status=thanks but it's not redirecting. Please help. Thanks.
Hey Os, how is your Sunday going mate?
I can't see the processing script on the page.
Here's the page source:
<!DOCTYPE>
<html>
<head>
<title>NSM Cleaning | Contact</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Sniglet' rel='stylesheet' type='text/css'>
<link href="responsive.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, intial-scale=1.0">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<nav>
<ul class="call-nancy">
<li>Call Nancy @ English: <a href="tel:1-832-889-9846">832-889-9846</a></li>
<li>Español: <a href="tel:1-832-908-5928">832-908-5928</a></li>
<li>Email: <a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</nav>
</header> <!-- end of header -->
<div id="wrapper">
<div id="header_img">
<img src="images/header-940.png" alt="NSM Heading"></div>
<!-- form -->
<div id="contact_form">
<form action="contact.php" method="post" name="contact_form">
<div id="form_">
<p>Questions or comments? Get in touch with Nancy.</p>
<p class="name">
<input type="text" name="name" id="name" placeholder="name" />
</p>
<p class="email">
<input type="text" name="email" id="email" placeholder="email" />
</p>
<p class="phone">
<input type="text" name="phone" id="phone" placeholder="phone" />
</p>
<p class="text">
<textarea name="message" id="message" placeholder="questions or comments" /></textarea>
</p>
<tr style="display: none;">
<th>
<label for="appointment"></label>
</th>
<td>
<input type="text" name="appointment" id="appointment">
</td>
</tr>
<p class="submit">
<input type="submit" value="send" />
</p>
</div>
</form>
</div>
<!-- form -->
</div> <!-- end_of_wrapper -->
<footer>
<img src="images/footer.png" alt="NSM Footer">
</footer>
</body>
</html> -
How can I make my Contact Form send info to my email?
Greetings! I have below a contact form that i have creaed with some help but I can't seem to make it send the information to my email address after it is submitted. That is my most important issue right now.
A secondary issue is, can I make it so once this form is submitted it send the info to my email without doing a page redirect?
Thanks in advance!Ok what about this code located at www.ybcreations.com/ContactTest.php?
<?php
// Set email variables
$email_to = '[email protected]';
$email_subject = 'BestMarketingNames Inquiry';
// Set required fields
$required_fields = array('fullname','email','comment');
// set error messages
$error_messages = array(
'fullname' => 'Please enter a Name to proceed.',
'email' => 'Please enter a valid Email Address to continue.',
'comment' => 'Please enter your Message to continue.'
// 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>
<!-- Contact Form Designed by James Brand @ dreamweavertutorial.co.uk -->
<!-- Covered under creative commons license - http://dreamweavertutorial.co.uk/permissions/contact-form-permissions.htm -->
<title>Contact Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Billy testing/ContactForm.css" rel="stylesheet" type="text/css" />
<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="Billy testing/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('Billy testing/x.png')">
<div id="formWrap">
<h2>We appreciate your business</h2>
<div id="form">
<?php if($form_complete === FALSE): ?>
<form action="ContactTest.php" method="post" id="comments_form">
<div class="row">
<div class="label">Your Name</div> <!--end .label -->
<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><!-- end. input --><!-- end .context -->
</div><!-- end .row -->
<div class="row">
<div class="label">Your Email Address</div> <!--end .label -->
<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><!-- end. input --><!-- end .context -->
</div><!-- end .row -->
<div class="row">
<div class="label">Comments</div> <!--end .label -->
<div class="input">
<textarea id="comment" name="comment" class="mess"><?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><!-- end. input -->
</div><!-- end .row -->
<div class="submit">
<input type="submit" id="submit" name="submit" value="Send Message" />
</div><!-- end .submit-->
</form>
<?php else: ?>
<p style="font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#255E67; margin-left:25px;">Thank you for your Message!</p>
<script type="text/javascript">
setTimeout('ourRedirect()', 5000)
funtion ourRedirect(){
location.href='contact.html'
</script>
<?php endif; ?>
</div><!-- end #form-->
</div>
<p> </p>
<!-- end formwrap -->
</body>
</html> -
Can I change the emails generated by the Contact Forms from saying that they are coming from me, to the address of the person that's actually generated the enquiry on the contact form? Or does this always automatically link back to my Creative Cloud account because thats how I'm hosting the websites?
Because they ARE coming from you (at least from your account)... this is the account the website is using to send the form to your email and this means that a user visiting your website can send you this email "EVEN" when they don't own an email account themselves.
No you can't legialy change the address to theirs... thats a big no no in most countrys but you can and should have a "contacts" field on your form that allows people to give you a email or phone number so that you can follow up.
p.s. many people make the mistake of trying to force email contacts in their forms and that offen turns people off using them if they MUST tell you the colour of their underware just to contact you about a sales offer or simple question then don't expect to get much feed-back from your forms. -
Can anyone help with my PHP contact form please!
Hi all,
I've just implemented the email contact form as described in the PHP Solutions book by David Powers and it is working fine.
What I'm having problems with is my form is at the bottom of a long page and you have to scroll or click a link to get to it, which means that when the submit button is pressed, whether the form is successfully submitted or a field hasn't been completed, the user ends up back at the top of the page having to scroll back down to the form before they can see the feedback (either thanking them for submitting or pointing out that they have tried to submit an incomplete form).
Can anyone tell me how I can make the page redirect upon clicking submit so that the user returns to the part of the page where the form is so they can see the feedback instead of going to the top of the page where the form is out of view.
Many thanks,
Karl.I've attached the entire code from the page plus the css so you can see what's going on and in additiion I've put in the corefuncs.php include code.
Hope that's enough, thanks for looking.
Cheers,
Karl.
<?php
include('includes/corefuncs.php');
if (function_exists('nukeMagicQuotes')) {
nukeMagicQuotes();
// process the email
if (array_key_exists('send', $_POST)) {
$to = '[email protected]'; // use your own email address
$subject = 'Feedback from my form page';
// list expected fields
$expected = array('name', 'email', 'comments');
// set required fields
$required = array('name', 'email', 'comments');
// create empty array for any missing fields
$missing = array();
// assume that there is nothing suspect
$suspect = false;
// create a pattern to locate suspect phrases
$pattern = '/Content-Type:|Bcc:|Cc:/i';
// function to check for suspect phrases
function isSuspect($val, $pattern, &$suspect) {
// if the variable is an array, loop through each element
// and pass it recursively back to the same function
if (is_array($val)) {
foreach ($val as $item) {
isSuspect($item, $pattern, $suspect);
else {
// if one of the suspect phrases is found, set Boolean to true
if (preg_match($pattern, $val)) {
$suspect = true;
// check the $_POST array and any subarrays for suspect content
isSuspect($_POST, $pattern, $suspect);
if ($suspect) {
$mailSent = false;
unset($missing);
else {
// process the $_POST variables
foreach ($_POST as $key => $value) {
// assign to temporary variable and strip whitespace if not an array
$temp = is_array($value) ? $value : trim($value);
// if empty and required, add to $missing array
if (empty($temp) && in_array($key, $required)) {
array_push($missing, $key);
// otherwise, assign to a variable of the same name as $key
elseif (in_array($key, $expected)) {
${$key} = $temp;
// validate the email address
if (!empty($email)) {
// regex to ensure no illegal characters in email address
$checkEmail = '/^[^@]+@[^\s\r\n\'";,@%]+$/';
// reject the email address if it doesn't match
if (!preg_match($checkEmail, $email)) {
array_push($missing, 'email');
// go ahead only if not suspect and all required fields OK
if (!$suspect && empty($missing)) {
// build the message
$message = "Name: $name\n\n";
$message .= "Email: $email\n\n";
$message .= "Comments: $comments";
// limit line length to 70 characters
$message = wordwrap($message, 70);
// create additional headers
$additionalHeaders = 'From: domain.com Feedback Form<[email protected]>';
if (!empty($email)) {
$additionalHeaders .= "\r\nReply-To: $email";
// send it
$mailSent = mail($to, $subject, $message, $additionalHeaders, '[email protected]');
if ($mailSent) {
// redirect the page with a fully qualified URL
header('Location: http://www.domain.com/index.php#form-div');
exit;
?>
<!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>Page | title</title>
<script type="text/javascript" src="jquery.min.js">></script>
<script type="text/javascript" src="jquery.cycle.all.2.72.js"></script>
<script type="text/javascript">
$(function() {
$('#slideshow').cycle({
speed: 1400,
timeout: 8000
</script>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper" class="container">
<div id="header">
<h1 class="logo">XXX Xxxx Xxxxx</h1>
<h2 class="subhead">Xxx Xxxxxxx xxx Xxxxxx Xxxxxxx xx Xxxx xxx Xxxxx.</h2>
<div id="nav">
<h2>Need more information?</h2>
<h3>Look no further...</h3>
<ul>
<li><a class="nav-about" href="#about-div">About Us...</a></li>
<li><a class="nav-contact" href="#contact-div">Contact Us...</a></li>
</ul>
</div>
<!-- end nav -->
</div><!-- end header -->
<div id="page-content">
<div id="cycle">
<div id="cycle-nav"></div>
<div id="slideshow" class="pics">
<img src="im/slides/escape.jpg" border="0" alt="" title="" width="547" height="339" />
<img src="im/slides/old-lady.jpg" border="0" alt="" title="" width="547" height="339" />
<img src="im/slides/gouge.jpg" border="0" alt="" title="" width="547" height="339" />
<img src="im/slides/disarm.jpg" border="0" alt="" title="" width="547" height="339" /></div><!-- slideshow -->
</div><!-- cycle -->
<div id="right-column">
<div id="ladies">
<h1>Xxxxxx xxx'x xxx xxxxx xxxx xxxx.</h1>
<p>Xxxx xxxxxxxxx xxxx XXX xxxxx xxxxxxxxxx xxx xxxx xxxx xxxx xxxx!</p>
<p class="bottom">XXXX XX xx xxxx xxx xxxx...</p>
</div>
<div id="courses">
<div id="course1">
<h2 class="top"><strong>Xxxx Xxxx Xxxxxxx Xxxxxx Xxxxxxx</strong></h2>
<p>XXX Xxxx Xxxx Xxxxxxx xxxxxx xxx x xxxx-xxxx xxxxxxxx xxx xx xxxx xxxx xxxxx xxx xxxxxx.</p>
<p><strong>XXXXX:</strong> XXX.XX xxx xxxxxx.</p>
<p><strong>XXXX XXXXXX:</strong><br />
Xxxxxx Xxx Xxxx<br /><strong>[XXXXXX XXXXXXXXX]</strong></p>
<ul><strong>XXXXXX XXXXXXX:</strong>
<li>Xxxxxx Xxx Xxxxxxxxx</li>
<li>Xxxxxx Xxx Xxxxxxxx</li>
<li>Xxxxxx Xx Xxxxxxx -XXXX</li>
</ul>
<h2>Xxxx Xxxxx...</h2>
<p class="book-early">Xx xxxxx xxx xx xx xxxxxxxx xxxxxxx xxx xxx xxxxxxx xxx xxxxx xxxxxxxxxx xx x xxxxxxx xxxxxxx xxxxxxxx xx xxx xxxx xxx xxxxxxxxx xxxxxx xxxx xx xxxxx xx xxxxxxx xx xxx xxx xxxxxxxx xx xxxxxxxxx xx xxxxxx.</p>
<h2><strong>Xxxxxxxxx xx xxx Xxxxxx</strong></h2>
<p class="location"> XX. Xxxxxx Xxxx, <br />
Xxx Xxxxxxxxx Xxxxxx, Xxxxxxxx Xxxx, Xxxx (xxxxx xxx xxxx xx xxxx).<br />
Xxxxxxxx xx xxxxxxxxxxx xxxx xxxxxxxx Xxxx.</p>
<h2><strong>Xxxxxxxxx xx xxx Xxxxxx</strong></h2>
<p class="structure"><strong>Xxxxxxx xxxxxxx:</strong><br />
XX.XXxx – XX.XX xx<br />
<strong>Xxxxx xxxxx:</strong><br />
XX xxxx.<br />
Xxxxxx xxxxxxx xxxx xxx xxxxxx Xxxxx.<br />
<strong>Xxxxxxxxxx xxxxxxx:</strong><br />XX.XXxx – X.XXxx</p>
<h2><strong>Xxxxxx Xxxx...</strong></h2>
<p class="news">Xxxxx xxxx xxxxx xxx xxxx xxxxx xxx Xxxx Xxxx Xxxxxxx Xxxxxx.<br />
</p>
</div>
<div class="to-top">
<p><a href="#header">[Back to Top]</a></p>
</div>
<div id="course2">
<h2 class="top"><strong>Xxxxx Xxxx Xxxxxxx Xxxxx Xxxxxxx</strong></h2>
<p>Xxx XXX XXXXX Xxxx Xxxxxxx Xxxxx xxx x xxx-xxxx xxxxxxxx xxx xx xxxx xxxxxx.</p>
<p><strong>XXXXX:</strong> XX.XX xxx xxxxxx</p>
<p><strong>XXXX XXXXX:</strong><br />
Xxxxxx XXxx Xxx<br /><strong>[XXXXXX XXXXXXX]</strong></p>
<ul><strong>XXXXXX XXXXXXX:</strong>
<li>Xxxxxx Xxx Xxxx</li>
<li>Xxxxxx Xxx Xxxx</li>
<li>Xxxxxx Xxx Xxxx</li>
<li>Xxxxxx Xxx Xxxx</li>
</ul>
<h2>Xxxx Xxxxx...</h2>
<p class="book-early">Xx xxxxx xxx xx xx xxxxxxx xxxxxxx xxx xxx xxxxxxx xxx xxxxx xxxxxxxxxx xx x xxxxxxxxx xxxxxxx xxxxxxxx xx xxx xxxx xxx xxxxxxxxx xxxxxx xxxx xx xxxxx xx xxxxxxx xx xxx xxx xxxxxxxxxx xx xxxxxxxxx x xxxxxx.</p>
<h2><strong>Xxxxxxxxx xx xxx Xxxxx</strong></h2>
<p class="location">Xxxxxxxxx Xxxx, Xxxxxx Xxxxxx, Xxxxx, (xxx xxxxxxx xxxxxxxxx xx -<br />
Xxxxxxx xx xxxxxxxxxx xxxx - </p>
<h2><strong>Xxxxs Xxxx...</strong></h2>
<p class="news">Xxxxx xxxx xxxxx xxx xxxx xxxxx xxx Xxxxx Xxxx Xxxxxxx Xxxxx.<br />
</p>
</div><!-- Course 2 end -->
<div class="to-top">
<p><a href="#header">[Back to Top]</a></p>
</div>
</div><!-- Courses end -->
</div><!-- end right column -->
<div id="main-content" >
<div id="main-content-1" class="clearfix">
<h2>Xxxxxxx xx xxx Xxxx Xxxxxxx<br />
xxxxxxx xxxx xxx XXX.</h2>
<h3>Xxxxxx xxx Xxxxx xxxxxxx…</h3>
<p>Xxx XXX xx xx xxxxxxxxxxx xxxxx xxxxxx xxxxxxx xx xxxx xxxxxxx xx Xxxx xxx Xxxxx - Xxxx Xxxxxxxxx, xxxxxx xxxxxxxxx xx xxxxx xxxxxx xxx xxxxxx xxxxxx, xxx xxxxxxxx x xxxx xxxxxxx xx xxxxxx xxxxxxxxx xx xxxxxxxx xxxx xxxxxxx.</p>
<p>Xxx XXX xxxxxx xxx xxxxxxx xxx xxxxxxxx Xxxx Xxxxxxx xx xxx Xxxx / Xxxxx xxxx xx Xxxx Xxxxxxxxx.</p>
<p>Xxx xxxxx xxxxxx xx x xxx xxx Xxxx Xxxxxxx Xxxxxx xxxx x xxxxxxxx xx xxxxxxxxx xxxx xxxxx xxxxx xx xxxx xx Xxxx xxxx xxxxx xxx xxxxxx xx xxx Xxxxxxxx Xxxxxx.</p>
<p>Xxx xxxxxx xxxxxx xx x xxxxxx Xxxx Xxxxxxx Xxxxx xxxxx xx x xxx xxxx xxxxxxx xxx xx xxxx xx xxx xxxxxx xx xxxxx xx Xxxxxxxx Xxxx xx xxxxx Xxxxx Xxxxxx. Xxxxxxxx xxx xx xxxxx xx xxxx xxxxx.</p>
<h3 class="extra-padding">Xxx xx xx xxx xxx xxxx xxxx xxx xxxxx?</h3>
<p>Xxxx xxxxxx xx xxxxxxxxxx xxxxxx xx xxxxxx xxx xxx xxxx xxxxxx xxxxxxx xxx xxxx xxxxxx xx xx xxx xxxxxxxxxx xxx xxxx xx xxxx xx xx xxxxxxx xxxxxx xxxx xx xxxxxxxx xx xxxxxxxx xxxx xx xxxxxx xxxxxxxxxx xxxxxxx xxx xxxxxx xx xxxxx xxxxxxxx.</p>
<p>xxx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx.</p>
<p>xxx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx.</p>
<p>xxx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx.</p>
<p><strong>xxx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx.</strong></p>
<p>xx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx.</p>
<p>xx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx.</p>
<p><strong>Xxxx xxxx xx xxxxxx xxxx xx xxxxxx xxxxxxxxxx, xx x xxxxxxxx xxx xxxxxxx xxxxxxxxxxx xxxxx xxxxxx xxxxxxxxx xxx xxxx xxxx xx xxxxxxxxxxx xxxxxx xxxx xx xxxx..</strong></p>
<h3 class="extra-padding">Xxxxxxx xx…</h3>
<h4>Xxx xxxxxxxxxx xx xxx Xxxx Xxxx Xxxxxxx Xxxxxx xxxxxxxx xxxx xxxxxx xxxx</h4>
<h4>Xxx xxxxxxxxxx xx xxx Xxxx Xxxx Xxxxxxx Xxxxxx xxxxxxxx xxxx xxxxxx xxxx</h4>
</div>
<div id="main-content-2" class="clearfix">
<h4> </h4>
</div>
</div><!-- end maincontent -->
<div id="bottom-content">
<div id="about-div">
<h2>Xxxxx xx…</h2>
<p>Xx, xx xxxxx ixx Xxxxxx Xxxxxxxxx xxxx xxxx xxxx xxxxxxx xxx xxxxxxxx xxxx xxxxxxx xxx xxxx xxxxxx xxxx xxxxx.</p>
<p>Xx, xx xxxxx ixx Xxxxxx Xxxxxxxxx xxxx xxxx xxxx xxxxxxx xxx xxxxxxxx xxxx xxxxxxx xxx xxxx xxxxxx xxxx xxxxxXx, xx xxxxx ixx Xxxxxx Xxxxxxxxx xxxx xxxx xxxx xxxxxxx xxx xxxxxxxx xxxx xxxxxxx xxx xxxx xxxxxx xxxx xxxxx</p>
<p>Xx, xx xxxxx ixx Xxxxxx Xxxxxxxxx xxxx xxxx xxxx xxxxxxx xxx xxxxxxxx xxxx xxxxxxx xxx xxxx xxxxxx xxxx xxxxx</p>
<div class="about-bottom-to-top">
<p><a href="#header">[Back to Top]</a></p>
</div>
</div>
<hr />
<div id="links-div">
<h2>Xxxxxx xxxxx...</h2>
<ul>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
<li><a href="">Xxx Xxxxx xxxx xxx xxx xxx xx(?)</a></li>
</ul>
</div>
<div id="contact-div">
<h2>Xxxxxx xxx...</h2>
<p>Xxxxx x xxxx xxx xxx xxxxxxxxxx xxx xxxxxxx x xxxx xxx xxx xxxxxxxxxx xxx xxx xxxx x xxxx xxx xxx xxxxxxxxxx xxx xxxxxxx x xxxx xxx xxx xxxxxxxxxx xxx xxx<br />
</p>
<p class="phone">Xxxxx</p>
</div>
<div id="form-div">
<p>Please make sure you complete all three fields below so that we can reply directly.</p>
<?php
if ($_POST && isset($missing) && !empty($missing))
?>
<p class="warning">Please complete the missing item(s) indicated.</p>
<?php
elseif ($_POST && !$mailSent) {
?>
<p class="warning">Sorry, there was a problem sending your message.
Please try later.</p>
<?php
elseif ($_POST && $mailSent) {
?>
<p class="thanks"><strong>Your message has been sent. Thank you for your feedback.
</strong></p>
<?php } ?>
<form method="post" id="feedback" class="contactForm" action="">
<label for="name">Name: <?php
if (isset($missing) && in_array('name', $missing)) { ?>
<span class="warning">Please enter your name</span><?php } ?>
</label>
<input name="name" id="name" type="text" class="formbox"
<?php if (isset($missing)) {
echo 'value="'.htmlentities($_POST['name']).'"';
} ?>
/>
<label for="email">Email: <?php
if (isset($missing) && in_array('email', $missing)) { ?>
<span class="warning">Please enter a valid email address</span><?php } ?>
</label>
<input name="email" id="email" type="text" class="formbox"
<?php if (isset($missing)) {
echo 'value="'.htmlentities($_POST['email']).'"';
} ?>
/>
<label for="comments">Comments: <?php
if (isset($missing) && in_array('comments', $missing)) { ?>
<span class="warning">Please enter your comments</span><?php } ?>
</label>
<textarea name="comments" id="comments" cols="30" rows="10"><?php
if (isset($missing)) {
echo htmlentities($_POST['comments']);
} ?></textarea>
<input name="send" id="send" class="formSubmit" type="submit" value="Send message" />
</form>
<div class="form-bottom-to-top">
<p><a href="#header">[Back to Top]</a></p>
</div>
</div>
</div>
<div id="footer">
<p>Xxxxxxxxxxxxx</p>
</div>
</div><!-- wrapper -->
</div>
<!-- end page-content -->
</div><!-- end wrapper -->
</body>
</html>
/* following is the include php code */
<?php
function nukeMagicQuotes() {
if (get_magic_quotes_gpc()) {
function stripslashes_deep($value) {
$value = is_array($value) ? array_map('stripslashes_deep', $value) : stripslashes($value);
return $value;
$_POST = array_map('stripslashes_deep', $_POST);
$_GET = array_map('stripslashes_deep', $_GET);
$_COOKIE = array_map('stripslashes_deep', $_COOKIE);
?>
/* Following is the css */
@charset "UTF-8";
/* CSS Document */
html { margin: 0; background: #faf9f2 url(im/background_texture_tile.jpg) top center repeat; text-align: center; }
body { margin: 0 auto; background: url(im/background_texture_tile.jpg) top center repeat; text-align: center; width: 910px;
padding: 0; font: 62.5% Arial, Verdana, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, label, fieldset, legend, blockquote, table { margin: 0; padding: 0; }
#wrapper {
text-align: left;
position: relative;
.container{
margin: 0 auto 0;
width: 910px;
#header {
width: 870px;
height: 150px;
margin: 0 20px 20px 20px ;
background: url(im/header-bg.gif) top left no-repeat;
h1.logo {
float: left;
height: 130px;
width: 315px;
margin: 0 0 0 50px;
border: 0;
outline: 0;
text-indent:-9999px;
background:url(im/logo.jpg) 0 10px no-repeat;
display: inline;
h2.subhead {
font-weight: bold;
font-size: 1.6em;
line-height: 1.4em;
color: #999;
float: right;
width: 135px;
text-align: right;
margin: 25px 320px 0 0;
display: inline;
#nav {
position: absolute;
top: 0px;
right: 50px;
width: 270px;
height: 277px;
background: url(im/nav-bg.png) top left no-repeat;
#nav h2 {
font-size: 1.6em;
text-align: center;
color: #4D98C5;
margin-top: 35px;
#nav h3 {
font-size:2.2em ;
text-align: center;
color: #4D98C5;
padding-bottom: 13px;
margin: 0 40px 0;
border-bottom: 4.5px dotted #999;
#nav ul {list-style:none;}
#nav li {
list-style:none;
font-size: 1.4em;
font-weight: bold;
margin: 0 40px 0 40px ;
border-bottom: 4.5px dotted #999;
#nav li a {
text-align: left;
background-image:url(im/CSSSprite.jpg);
background-repeat:no-repeat;
color: #4D98C5;
text-decoration: none;
line-height: 65px;
margin: 10px 0 10px 0;
#nav li a.nav-about {
background-position: 105px -15px;
padding: 20px 95px 20px 0;
#nav li a.nav-about:hover,
#nav li a.nav-about:active,
#nav li a.nav-about:focus {
background-position: 105px -102px;
color: #814098;
#nav li a.nav-contact {
background-position: 105px -180px;
padding: 20px 80px 20px 0;
#nav li a.nav-contact:hover,
#nav li a.nav-contact:active,
#nav li a.nav-contact:focus {
background-position: 105px -267px;
color: #814098;
/* Cycle styles */
#cycle {
float: left;
margin-left: 20px;
margin-bottom: 25px;
width: 547px;
height: 339px;
clear: both;
.pics { height: 339px; width: 547px; padding:0; margin:0; overflow: hidden; border: 1px solid #814098; }
/* End cycle styles */
/*///// RIGHT CONTENT ////*/
#right-column {
float: right;
width: 260px;
margin: 0 53px 0 0;
display: inline;
#ladies {
width: 252px;
height: 437px;
background: url(im/pink-ladies.png) top left no-repeat !important ;
background: url(im/pink-ladies.gif) top left no-repeat ;
margin: 120px 0 0 6px;
#ladies h1 {
margin: 0px 30px 150px 20px;
padding-top: 60px;
font: bold 2em Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #6A437E;
#ladies p {
margin: 0px 30px 15px 20px;
font: normal 1.8em Georgia, "Times New Roman", Times, serif;
text-align: center;
line-height: 1.4em;
color: #EF4358;
#ladies p.bottom {
margin: 0px 30px 0px 20px;
font: bold 2.2em Helvetica, Arial, sans-serif;
text-align: center;
color: #6A437E;
#courses{
margin-top: 15px;
margin-bottom: 18px;
#courses h2 {
letter-spacing: .07em;
/*Hull Course */
#course1 {
margin: 0 0 5px 6px ;
width:240px;
background:url(im/rightnav.gif) bottom left no-repeat;
#course1 h2.top {
background:url(im/rightnaw.gif) top left no-repeat;
margin:0;
padding:15px;
color:#FFFFFF;
font-size:1.6em;
line-height: 1.4em;
font-weight: bold;
text-transform:uppercase;
#course1 h2 {
font-size:1.6em;
line-height: 1.4em;
color:#FFFFFF;
background-color:#814198;
padding:15px;
text-transform:uppercase;
#course1 p {
font-size:1.4em;
line-height:1.4em;
padding: 15px 15px 0 15px;
margin:0;
#course1 p a {
text-decoration:underline;
font-weight:bold;
color: #9f1f63
#course1 p a:hover {
color: #ec008c;
#course1 ul {
margin: 20px 0 20px 15px;
font-size:1.4em;
line-height: 1.6em;
list-style: none;
#course1 p.book-early {
padding-bottom: 20px;
#course1 p.location {
padding-bottom: 30px;
#course1 p.structure {
padding-bottom: 30px;
#course1 p.news {
padding-bottom: 30px;
#right-column .to-top {
color: #000;
text-align: right;
padding-right: 27px;
margin-bottom: 40px;
#right-column .to-top a, a:link {
color: #000;
font-size: 1.3em;
text-decoration: none;
#right-column .to-top a:hover {
text-decoration: underline;
#course2 {
margin: 0 0 5px 6px ;
width:240px;
background:url(im/rightnav.gif) bottom left no-repeat;
#course2 h2.top {
background:url(im/rightnaw.gif) top left no-repeat;
margin:0;
padding:15px;
color:#FFFFFF;
font-size:1.6em;
line-height: 1.4em;
font-weight: bold;
text-transform:uppercase;
#course2 h2 {
font-size:1.6em;
line-height: 1.4em;
color:#FFFFFF;
background-color:#814198;
padding:15px;
text-transform:uppercase;
#course2 p {
font-size:1.4em;
line-height:1.4em;
padding: 15px 15px 0 15px;
margin:0;
#course2 p a {
text-decoration:underline;
font-weight:bold;
color: #9f1f63
#course2 p a:hover {
color: #ec008c;
#course2 ul {
margin: 20px 0 20px 15px;
font-size:1.4em;
line-height: 1.6em;
list-style: none;
#course2 p.book-early {
padding-bottom: 20px;
#course2 p.location {
padding-bottom: 30px;
#course2 p.news {
padding-bottom: 30px;
/*///// RIGHT CONTENT ////*/
#main-content {
margin: 0 360px 0 40px;
padding: 0;
#main-content-1 {
width: 510px;
#main-content-2 {
width: 510px;
#main-content p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.4em;
padding-bottom: 1em;
color: #666;
#main-content h2{
padding: 0 0 20px 0;
margin: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 3em;
color: #666;
#main-content h3 {
font-size: 2.3em;
color: #666;
font-weight: normal;
padding-bottom: 0.8em;
#main-content h3.extra-padding {
padding-top: 0.8em;
padding-bottom: 0.8em;
#main-content h4 {
font-size: 2em;
font-weight: normal;
#bottom-content {
background-color: #814098;
clear: both;
margin: 0 20px;
width: 870px;
float: left;
#bottom-content h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 2.6em;
letter-spacing: .05em;
color: #FFF;
font-style: normal;
padding: 0 0 15px 0;
#bottom-content p {
color: #FFF;
#about-div {
padding: 0 320px 30px 0;
background: url(im/sheila.png) 560px 20px no-repeat !important;
background: url(im/sheila.jpg) 560px 20px no-repeat ;
#about-div h2 {
padding: 20px 28px 15px 28px;
#about-div p {
padding: 0 28px 20px 28px;
font-size: 1.5em;
line-height: 1.4em;
.about-bottom-to-top {
position: relative;
top: 65px;
right: -320px;
text-align: right;
padding-right: 33px;
font-size: .68em;
.about-bottom-to-top a, a:link {
color: #FFF;
text-decoration: none;
.about-bottom-to-top a:hover {
text-decoration: underline;
hr {
margin: 40px 28px 20px 28px;
color: #C09FCB;
border-top: 1px black solid;
#links-div {
margin: 0 15px 0px 28px;
float: left;
width: 254px;
#links-div li {
list-style: none;
padding: 0 0;
#links-div li a {
font-size:1.5em;
line-height: 1.5em;
text-decoration: none;
color: #FFF;
#links-div li a:hover {
text-decoration: underline;
#contact-div {
margin: 0 10px 0 0;
width: 254px;
float: left;
#contact-div p {
font-size: 1.5em;
line-height: 1.4em;
#contact-div p.phone {
font-size: 2.2em;
font-weight: bold;
letter-spacing: .05em;
/* CONTACT FORM */
#form-div {
margin: 0 28px 50px 0 ;
float: right;
width: 281px;
#form-div .contactForm {
padding:6px;
#form-div .contactForm .formbox {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:1.2em;
color:#333;
width:261px;
padding:5px 3px;
margin:0 0 5px 0 ;
border:1px solid #666;
border-top-color:#000;
background:#fff url(im/contact-input.gif) top repeat-x;
#form-div .contactForm #comments {
font-family: Helvetica, Arial, sans-serif;
font-size:1.23em;
color:#333;
line-height: 1.5em;
width:258px;
padding: 5px 0.4em 0 0.4em ;
margin: 0 0 10px 0 ;
display:block;
clear:both;
border:1px solid #666;
border-top-color:#000;
background:#fff url(im/contact-textarea.gif) top repeat-x;
.formSubmit {
display:block;
clear:both;
width:110px;
height:25px;
padding:0;
border:none;
background-color: #251149;
text-align:center;
font-size:1.2em;
color:#fff;
cursor:pointer;
.formSubmit:hover {
background-color: #E76F34;
.form-bottom-to-top {
text-align: right;
padding-right: 33px;
font-size: 0.68em;
margin-top: 40px;
.form-bottom-to-top a, a:link {
color: #FFF;
text-decoration: none;
.form-bottom-to-top a:hover {
text-decoration: underline;
/* David Powers styles */
.warning {
font-weight: bold;
font-size: 1em;
color: #FCCCB9;
display: block;
.thanks {
font-weight: bold;
color: #f00;
margin-left: 3px;
#form-div p {
margin: 0 0 10px 8px ;
font-size: 1.5em;
line-height: 1.4em;
label {
font-weight: bold;
font-size: 1.6em;
color: #FFF;
display: block;
/* END CONTACT FORM */
#footer {
height: 10em;
background-color: #FFF;
margin: 0 20px;
clear: both;
#footer p {
font-size: 1.4em;
color: #666;
padding: 40px 0 30px 120px;
background: url(im/footer-logo.gif) 50px 20px no-repeat ;
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix{ height: 1px; } -
How to apply Muse (webfont) styles to BC Blogs/Contact Forms?
Hi all.
So my site (designed in Muse) is pretty much ready, except for my blog and a couple of forms. I've just gone through making it my partner site, replacing the so-called "bre-built" default site. That process was very, very simple, but BC Support told me it would be much more complicated than it needed to be - it wasn't! I was able to simply publish via Muse to my partner site domain and everything worked fine...
Anyway... Headers in my site use the "Bebas Neue" webfont selected from within Muse (I assume this is a Typekit font?), at 30pt and a custom colour #B10505. Body text is simply "Trebuchet" (a standard font) in black at 12pt. Now, I'm aware that not everything designed in Muse shows up "as shown" when doing any editing in the back-end of BC. I've just begun following through the tutorial for setting up BC modules on a Muse site and have gotten to the "Inspect Element" stage...
This is where I've hit a snag. This video: http://www.businesscatalyst.com/bc-blog/adding-business-catalyst-features-to-your-muse-sit es (with the blog part starting near the end of 19 minutes) clearly uses a standard font and not a webfont, so when I'm inspecting with Firebug, what's shown in the video doesn't show up the same in reality for me. This is because a standard font is applied in Muse designed sites where a webfont is in use, and the webfont simply "masks" the standard font (if I'm not mistaken?)...
I've read this topic: http://forums.adobe.com/message/5480712#5480712 which pretty much asks the same question I'm asking, but this guy clearly has more knowledge (or maybe more common sense) than me, so I'm asking it in a new topic here...
Can someone please walk me through (step-by-step) how to apply Muse selected webfont CSS styles to the relevant files in BC so that my blog shows up with a consistent look and feel to the rest of my site? I'll literally need every step walking through with minimal jargon if possible - this area of web design is not my forte!
I suppose I'd also like the same process walking through for contact forms if possible? Alongside the header font, I've got a custom styled, beveled button made on a standard Muse contact form that I'd like replicating on a BC-made form.
I'm sure once I understand this process, I'll be able to apply this to any BC module; I just need that initial helping hand that neither the BC team or the Muse team seem to want to reference in their tutorial videos!
Any help would be greatly appreciated! Thanks in advance!Hi
So, are these links in lieu of a full walkthrough, to help me better understand until if/when you get the time to explain?
The cssbasics.com link isn't working, FYI.
Looking through the typekit page, it seems fairly straight forward. Is this the same set of fonts Muse uses?
If so, theoretically do I just need to copy the snippet of code from the typekit site for my desired font (Bebas Neue) and paste it into the modulestylesheet.css file? Where? At the bottom of everything else? Presumably commenting what it is? and define that I want to use that as a header font? Can you walk me through exactly what I need to put for that?
Then I guess I just need to follow the rest of the video tutorial I linked above?
Or is there a little more to it than that?
Would I need to do the same to define trebuchet as the body font, or is there a different block of code I need for that, since that's not a webfont?
Sorry for being so slow with it! -
How to create HTML fragment and PHP file for CONTACT FORM?
Hello!
I need to add a contact form to my website.
I don't want to use wufoo or similar.
Can someone write a code to have a form:
NOME:
MAIL:
MESSAGGIO:
and file .php ?
Regards.
Thanks a lot.Where are you publishing your site to? If MMe, then MobileMe does not support php and you don't need php to create a contact form - just good old html.
If you are uploading to a server/host such as GoDaddy, then you can use the FormMail option too, but you still need to write your own html code - others will not do it for you.
I would suggest that you visit this site - http://www.w3schools.com. This site tells you about how to write html code for most things, including contact and feedback forms. Look at this and then write your own code from this.
If you can't manage to do it, then I would suggest that you need to use something like http://www.wufoo.com or GoogleDocs - Google Docs is a good alternative.
Also, do a search of this forum for contact or contact and feedback forms where you will find lots of questions on this and where you will then find code examples that have been linked to.
If you try it yourself, you will learn more quickly rather than asking others to do it for you.
Maybe you are looking for
-
How do I add music to my iMovie using iTunes?
HI, I just bought my macbook air and am a first time user, i want to make a movie thru imovie, Ive learned how to put in my pics so now its on to puttimg in the music. how do i add music from my itunes to put in my movie?
-
How can i restore my disabled ipad
How can I restore my disabled ipad? says connect to itunes, then please enter password on ipad, but it is disabled!!!
-
HT4759 How do I add another device to my account?
I want to add this device to my find my iPhone app
-
Same file, same date - different file!
I've just begun to use Pages with iCloud. Looks like a bad mistake ... I have my iCloud window open in Safari showing a file with the time stamp 17.16. I have my iPad open with the time stamp 17.16. The document was edited on the ipad at 17.16, but t
-
Today's release includes a major improvement to the file conversion process, clarifications for VAT-exclusive pricing, and enhancements to the shopping experience. PDF Print-Ready File Normalization A quick search of the internet reveals nearly 100 d