Contact Form positioning, cells mis-aligned?
I built a contact form and put it up at
http://www.newood.com/catreq.htm
For some reason, a couple of the cells that hold form fields
are not aligned correctly, both in IE and in Firefox. Is there
someone here that could check the code for me and might have a clue
to why this is going on?
Thanks!
Sarah Woods
Before worrying about any layout issues, it's a good idea to
make sure that
your page contains Valid HTML - yours fails that test in a
number of very
important ways. Please take a look here and fix these errors
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.newood.com%2Fcatreq.htm
Then we'll take a look at your alignment issue....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kismetdesign" <[email protected]> wrote in
message
news:g4qsh3$lna$[email protected]..
>I built a contact form and put it up at
http://www.newood.com/catreq.htm
>
> For some reason, a couple of the cells that hold form
fields are not
> aligned
> correctly, both in IE and in Firefox. Is there someone
here that could
> check
> the code for me and might have a clue to why this is
going on?
>
> Thanks!
>
> Sarah Woods
>
Similar Messages
-
Contact form randomly appears out of position
Every once and a while, my contact form appears out of position. It is placed over a rectangle and yes, it is grouped with that rectangle. Every so often, I will load the live page in my browser and the contact form appears not where I placed it but aligned to the upper left corner of the rectangle, behind some icons and text.
The only fix is to go into Muse, move the contact form around a little and then back into position and then republish. This is a pretty embarassing bug though, because it seems like it can happen at any time and it both makes my site look like junk AND makes it harder for potential clients to get in touch.
Does this happen to anyone else?Hello,
This is how it looks on my end: http://screencast.com/t/jZ16KFGq3bY
Is this how it's supposed to look?
Cheers
Parikshit -
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... -
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; } -
Can you have multiple contact forms in a single Muse site?
I have a site created in Muse that needs to use multiple contact forms of a sort. One is a simple contact form. Two others are sign up forms. In two of the three forms I have to separate the First and Last names. Also in those there are multiple Custom fields and Message fields.
The original simple contact form is working fine and has been. However, I modified one of the pages by adding a second form, the first of the two sign-up forms. It looked great in Muse, but when uploaded to the site, all of the fields were gone, leaving only the Labels in a single paragraph.
Does this mean I can't have multiple contact forms in a single site? If I actually, can, then what might have caused the problem? And what could you suggest for me to try to fix it?
Thank you,
LauraThank you for the information, but I cannot find anywhere in help where to find the field names (if that is my problem). I changed all the labels and the corresponding text inside the field (remember, Muse does not give access to code as far as I can tell). When I preview the page in a browser (using FireFox as default, but also tried with IE), everything looks good. When I export to html and open the index.html on my computer, everything still looks great. But when I FTP the page to the website, this is what I get:
First Name:RequiredRescuer Email:RequiredOrganization (if any):RequiredSubmitting Form...The server encountered an error.Form received.Geographic Areas Covered:RequiredRescuer Cell Phone:RequiredRescuer Home Phone:RequiredRescuer Home Address:
RequiredRescuer City:RequiredRescuer State:RequiredRescuer Zip code:RequiredRescuer Country:RequiredVeterinarian Name:RequiredVet Address:RequiredVet City & State:RequiredVet Phone:RequiredRequiredServices Offered:RequiredAdditional Info About You:Required Rescuer (available to general public) RequiredVolunteer (available only to Rescuers)RequiredPhoneRequiredEmailRequiredOtherRequiredLast Name:RequiredImage Verification:Required
How would you prefer to be listed?
How would you prefer to be contacted?
However, this is how it looks on the preview:
So, what is my problem? And how can I fix it?
Thank you,
Laura -
I have created a contact form using dreamweaver cc...how do i get it to send to my email?
how do i get the contact form to send to my email?
here is my code in html:
<section id="content">
<div class="main">
<div class="container_12">
<div class="wrapper">
<article class="grid_8">
<div class="indent-left">
<h3 class="p0">Contact Form</h3>
<form id="contact-form" method="post" enctype="multipart/form-data">
<fieldset>
<label><span class="text-form">Your Name:</span><input type="text"></label>
<label><span class="text-form">Your Email:</span><input type="text"></label>
<div class="wrapper">
<div class="text-form">Your Message:</div>
<div class="extra-wrap">
<textarea></textarea>
<div class="clear"></div>
<div class="buttons">
<a class="button" href="#" onClick="document.getElementById('contact-form').reset()">Clear</a>
<a class="button" href="#" onClick="document.getElementById('contact-form').submit()">Send</a>
</div>
</div>
</div>
</fieldset>
</form>
</div>
</article>
my CSS code:
#contact-form {
display:block;
width:100%;
#contact-form label {
display:block;
height:35px;
overflow:hidden;
#contact-form input {
float:left;
width:443px;
font-size:12px;
line-height:1.25em;
color:#808080;
padding:7px 9px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #dcdcdc;
background:#fff;
outline:none;
#contact-form textarea {
float:left;
height:183px;
width:443px;
font-size:12px;
line-height:1.25em;
color:#808080;
padding:7px 9px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #dcdcdc;
background:#fff;
overflow:auto;
outline:none;
.text-form {
float:left;
display:block;
font-size:13px;
line-height:18px;
width:96px;
color:#808080;
font-family:Arial, Helvetica, sans-serif;
.buttons {padding:8px 30px 0 0; text-align:right;}
.buttons a {margin-left:6px;}
aside {
width:100%;
padding:40px 0 30px;
background:#fff;
.title-2 {
display:block;
padding-left:20px;
font-size:21px;
line-height:43px;
color:#fff;
background:#1c1b18;
margin-bottom:16px;<form action="path-to-script-on-server/form-to-email-script.php">
If your host doesn't provide scripts, ask them which server-side languages you can use (php, asp, asp.net, perl, coldfusion, etc...). This will narrow your search for form-to-email processing scripts.
Also, your form SUBMIT button is not properly coded. It should look something like this.
<input type="submit" name="send" id="send" value="Submit">
RESET buttons aren't used much anymore because they lead to more form submission failures than successes. You don't need it.
Please review HTML5 Forms:
Understanding HTML5 intelligent forms – Part 1: New input elements | Adobe Developer Connection
HTML5 forms workflow | Learn Dreamweaver CC | Adobe TV
Nancy O. -
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> -
Using PHP with Flash (contact form)
I am trying to get a contact form on a flash site to work and
for some reason the PHP isn't forwarding the message to my email.
Below is the flash code I have used as well as the document I have
saved as contact.php. Thank you so much for the help. This is the
last thing I need to complete for the site and I just can't seem to
get it right. Thanks.
Flash Code For the Submit Button:
onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
if (this._currentframe<this._totalframes) {
this.nextFrame();
} else {
if (this._currentframe>1) {
this.prevFrame();
on (release) {
this._parent.getURL ("contact.php","_blank","GET");
this._parent.name = "Your Name:";
this._parent.email = "Your Email:";
this._parent.phone = "Your Phone Number:";
this._parent.text4 = "e-mail:";
this._parent.message = "Your Message:";
Here is what I have for Contact.php:
<?php
$your_name = $_GET['name'];
$your_email = $_GET['email'];
$your_phone = $_GET['phone'];
$your_message = $_GET['message'];
$recipient_email = "[email protected]";
$subject = "from " . $your_email;
$headers = "From: " . $your_name . "<" . $your_email .
">\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1';
$content = "<html><head><title>Contact
letter</title></head><body><br>";
$content .= "Name: <b>" . $your_name .
"</b><br>";
$content .= "E-mail: <b>" . $your_email .
"</b><br><hr><br>";
$content .= "Phone: <b>" . $your_phone .
"</b><br>";
$content .= $your_message;
$content .= "<br></body></html>";
mail($recipient,$subject,$content,$headers);
?>
<html>
<body bgcolor="#282E2C">
<div align="center"
style="margin-top:60px;color:#FFFFFF;font-size:11px;font-family:Tahoma;font-weight:bold">
Your message was sent. Thank you.
</div>
</body>
</html>
<script>resizeTo(300, 300)</script>well...that's true..I wanted "name" to be cleared when
clicked...this version I found doesn't clear "name" when clicked,
but it needs selected and erased manually...anyway..it's better
then nothing...
Reason I want this is because I'm using a design that is not
giving me much space and I have to trick the low space with this
option.
If you want I can send you the fla to get a better
picture...I believe you deserve it :) -
Help importing SWF / FLA contact form into FLA file.
I've been trying to import, embed, or load a contact form into a fla flash website (i have the fla and files) however i cant seem to get it to work.
The form is separate file, I have the fla source file for it as well.
I'm using Actionscript 3. I would like to have the form dynamical load into my existing project/page - http://www.photorexit.com/site/contact/contact
Here is the contact form page - http://www.photorexit.com/site/contact/contact_page.html
any suggestions?
-JasonThe contact_page.fla page is a template contact file I purchased on the net.
I spent most of the morning going through the files and I cant seem to pin point why the contact_page is trying to load contact.swf from my local computer.
I assume it has something to do with the "contact_page" ContactPage.as file and the Monitor.as file.
I have to admit, I'm in over my head...
-Jason
ContactPage.as
package as3{
import flash.display.Sprite;
import flash.display.MovieClip;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MouseEvent;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.net.navigateToURL;
import flash.utils.Timer;
import flash.geom.ColorTransform;
import caurina.transitions.Tweener;
import caurina.transitions.properties.ColorShortcuts;
ColorShortcuts.init();
public class ContactPage extends Sprite {
public var itemsPath:String='';
private var xmlCOLORS_DFT:String = 'colors.xml';
private var colorStatus:Boolean=false;
public var color_dfr:Object=new Object();
private var xmMAIN_XML_PATH:String = 'cgal.xml';
private var mainXMLStatus:Boolean=false;
public var xmlDate:Array = [];
private var mainTitle:String='';
private var bg:BG;
private var monitor:Monitor;
public var footerMenu:FooterMenu;
private var b_colorOut:uint;
private var b_colorOver:uint;
public var container:MovieClip;
public var closeF:Function;
public var monitorHeight:int=0;
public var monitorWidth:int=0;
public var email_for_contact_form:String;
public function ContactPage() {
addEventListener(Event.ENTER_FRAME, aplLoading);
addEventListener(Event.REMOVED_FROM_STAGE, remove);
private function remove(e:Event):void {
trace(this);
removeEventListener(Event.ENTER_FRAME, aplLoading);
removeEventListener(Event.ENTER_FRAME, loading);
stage.removeEventListener(Event.RESIZE, appResizeHandler);
private function aplLoading(e:Event):void {
var bytesTotal = stage.loaderInfo.bytesTotal;
var bytesLoaded = stage.loaderInfo.bytesLoaded;
var percentLoaded : Number = Math.floor(Math.round( bytesLoaded/bytesTotal ));
if (percentLoaded==1) {
if (parent!=stage) {
closeF= Object(parent).goBG;
container = Object(parent).div;
xmlCOLORS_DFT = Object(parent).xmlCOLORS_DFT;
xmMAIN_XML_PATH = Object(parent).xmMAIN_XML_PATH;
itemsPath=Object(parent).itemsPath;
init();
removeEventListener(Event.ENTER_FRAME, aplLoading);
public function init() {
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, appResizeHandler);
footerMenu = new FooterMenu();
monitor = new Monitor();
bg = new BG();
bg.alpha=0;
addChild(bg);
appResizeHandler();
var mainLoader:URLLoader = new URLLoader();
mainLoader.addEventListener( Event.COMPLETE, onMainXMLLoad );
mainLoader.addEventListener(IOErrorEvent.IO_ERROR, errorTrace);
mainLoader.load( new URLRequest(xmMAIN_XML_PATH) );
var colorLoader:URLLoader = new URLLoader();
colorLoader.addEventListener( Event.COMPLETE, onColorXMLLoad );
colorLoader.addEventListener(IOErrorEvent.IO_ERROR, errorTrace);
colorLoader.load( new URLRequest(xmlCOLORS_DFT) );
public function colorCgange(obj:Object, color:uint):void {
var colorTransform:ColorTransform = new ColorTransform();
colorTransform.color = color;
obj.transform.colorTransform = colorTransform;
private function onColorXMLLoad( event:Event ):void {
try {
var mainData:XML = new XML( event.target.data );
for (var i:int; i<mainData.elements().length(); i++) {
var attribCol:Object = {};
for each (var attribute:XML in mainData.elements()[i].attributes()) {
attribCol[attribute.name().toString()] = attribute.valueOf().toString();
color_dfr[mainData.elements()[i].name().toString()] = attribCol;
colorStatus = true;
addEventListener(Event.ENTER_FRAME, loading);
} catch (e:Error) {
errorTrace("Couldn't load the Color XML file.<br/>"+e.message);
trace( 'Color XML Loading Error: ' + e.message );
return;
private function onMainXMLLoad( event:Event ):void {
try {
var mainData:XML = new XML( event.target.data );
mainTitle = [email protected]();
if (Boolean([email protected]())) {
monitorWidth = parseInt([email protected]());
if (Boolean([email protected]())) {
monitorHeight = parseInt([email protected]());
if (Boolean(mainData.@email_for_contact_form.toString())) {
email_for_contact_form = mainData.@email_for_contact_form.toString();
} else {
errorTrace("There is no e-mail address.");
trace( "There is no e-mail address.");
return;
for (var i:int=0; i<mainData.elements().length(); i++) {
xmlDate[i] = {title:mainData.elements()[i][email protected](), cont:mainData.elements()[i]};
mainXMLStatus = true;
addEventListener(Event.ENTER_FRAME, loading);
} catch (e:Error) {
errorTrace("Couldn't load the Main XML file.<br/>"+e.message);
trace( 'Main XML Loading Error: ' + e.message );
return;
private function loading(e:Event):void {
if (mainXMLStatus && colorStatus) {
removeEventListener(Event.ENTER_FRAME, loading);
if (Boolean(color_dfr.background.color.length)) {
Tweener.addTween(bg,{_color:color_dfr.background.color, alpha:1, time:1});
} else {
bg.alpha=0;
monitor.alpha = 0;
footerMenu.alpha= 0;
addChild(monitor);
colorCgange(monitor.txt, color_dfr.mainTitle.textColor);
monitor.txt.text = mainTitle;
monitor.init();
monitor.addChild(footerMenu);
b_colorOver = uint(color_dfr.buttons.mouseOver);
b_colorOut = uint(color_dfr.buttons.mouseOut);
Tweener.addTween(monitor,{alpha:1,time:1});
Tweener.addTween(footerMenu,{alpha:1,time:1, delay:.7});
function buttonRoll(e:MouseEvent):void {
var button = e.currentTarget;
switch (e.type) {
case "mouseOut" :
colorCgange(button.img,b_colorOut);
break;
case "mouseOver" :
colorCgange(button.img,b_colorOver);
break;
public function errorTrace(txt:String):void {
var err_txt:TextField= new TextField();
err_txt.width = 300;
err_txt.autoSize = TextFieldAutoSize.LEFT;
err_txt.wordWrap = true;
err_txt.htmlText = '<p align = "center"><font color="#ff0000" size="24">' + txt+ '</font></p>';
err_txt.x = (stage.stageWidth-err_txt.width)/2;
err_txt.y = (stage.stageHeight-err_txt.height)/2;
addChild(err_txt);
private function appResizeHandler(e:Event=null):void {
if (container) {
bg.width = container.width;
bg.height = container.height;
} else if(stage) {
bg.width = stage.stageWidth;
bg.height = stage.stageHeight;
Monitor.as
package as3{
import flash.display.MovieClip;
import flash.display.StageAlign;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Loader;
import flash.display.LoaderInfo;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
import flash.events.FocusEvent;
import flash.events.ProgressEvent;
import flash.events.IOErrorEvent;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.net.URLVariables;
import flash.net.URLLoaderDataFormat;
import flash.net.URLRequestMethod;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.geom.ColorTransform;
import caurina.transitions.Tweener;
public class Monitor extends MovieClip {
private var itemsPath:String;
private var mainObj:Object;
private var b_colorOver:uint;
private var b_colorOut:uint;
private var mainTitle:uint;
private var itemTitle:uint;
private var itemDescription:uint;
private var xmlData:Array;
private var container:MovieClip;
private var mail:String;
private var loader:URLLoader = new URLLoader();
private var req:URLRequest = new URLRequest("contactPro.php");
private var variables:URLVariables = new URLVariables();
private var senderRpl:String="No";
private var form_field_arr:Array=['txt_name', 'txt_phone','txt_email', 'txt_message'];
private var form_def_cont_arr:Array=[];
private var form_err_arr:Array=["Username Required","","Missing Field/Invalid E-mail", "Message Required"];
public function Monitor() {
b_close.visible=false;
addEventListener(Event.ADDED_TO_STAGE, toStage);
private function toStage(e:Event):void {
mainObj = parent;
container = mainObj.container;
if (container) {
itemsPath = mainObj.itemsPath;
req = new URLRequest(itemsPath+"/contactPro.php");
b_close.alpha=0;
b_close.visible=true;
Tweener.addTween(b_close, {alpha:1, time:1});
mainObj.footerMenu.visible=false;
xmlData = mainObj.xmlDate;
mail = mainObj.email_for_contact_form;
b_colorOver = uint(mainObj.color_dfr.buttons.mouseOver);
b_colorOut = uint(mainObj.color_dfr.buttons.mouseOut);
mainTitle = uint(mainObj.color_dfr.mainTitle.textColor);
itemTitle= uint(mainObj.color_dfr.itemTitle.textColor);
itemDescription= uint(mainObj.color_dfr.itemDescription.textColor);
var contactFtextColor:uint = uint(mainObj.color_dfr.inoutTextField.textColor);
var contactFbgColor:uint = uint(mainObj.color_dfr.inoutTextField.bgColor);
var contactFbrColor:uint = uint(mainObj.color_dfr.inoutTextField.borderColor);
///mainObj.colorCgange(b_close.img, b_colorOut);
mainObj.colorCgange(contactForm.mc_buttons.b_clear.img, b_colorOut);
mainObj.colorCgange(contactForm.mc_buttons.b_submit.img, b_colorOut);
b_close.buttonMode=true;
b_close.addEventListener(MouseEvent.CLICK, fClose);
b_close.addEventListener(MouseEvent.MOUSE_OVER,buttonRoll);
b_close.addEventListener(MouseEvent.MOUSE_OUT,buttonRoll);
contactForm.mc_buttons.b_clear.addEventListener(MouseEvent.MOUSE_OVER,buttonRoll);
contactForm.mc_buttons.b_clear.addEventListener(MouseEvent.MOUSE_OUT,buttonRoll);
contactForm.mc_buttons.b_submit.addEventListener(MouseEvent.MOUSE_OVER,buttonRoll);
contactForm.mc_buttons.b_submit.addEventListener(MouseEvent.MOUSE_OUT,buttonRoll);
item_1.autoSize = TextFieldAutoSize.LEFT;
item_1.wordWrap=true;
item_1.mouseWheelEnabled=false;
item_2.autoSize = TextFieldAutoSize.LEFT;
item_2.wordWrap=true;
item_2.mouseWheelEnabled=false;
item_3.autoSize = TextFieldAutoSize.LEFT;
item_3.wordWrap=true;
item_3.mouseWheelEnabled=false;
textFieldFormat(item_1, itemDescription);
textFieldFormat(item_2, itemDescription);
textFieldFormat(item_3, itemDescription);
textFieldFormat(title_1, itemTitle);
textFieldFormat(title_2, itemTitle);
textFieldFormat(contactForm.txError, itemTitle);
contactForm.txt_name.borderColor = contactFbrColor;
contactForm.txt_name.backgroundColor = contactFbgColor;
contactForm.txt_phone.borderColor = contactFbrColor;
contactForm.txt_phone.backgroundColor = contactFbgColor;
contactForm.txt_email.borderColor = contactFbrColor;
contactForm.txt_email.backgroundColor = contactFbgColor;
contactForm.txt_message.borderColor = contactFbrColor;
contactForm.txt_message.backgroundColor = contactFbgColor;
textFieldFormat(contactForm.txt_name, contactFtextColor);
textFieldFormat(contactForm.txt_phone, contactFtextColor);
textFieldFormat(contactForm.txt_email, contactFtextColor);
textFieldFormat(contactForm.txt_message, contactFtextColor);
contactForm.txt_message.wordWrap=true;
appResizeHandler();
stage.addEventListener(Event.RESIZE, appResizeHandler);
private function textFieldFormat(tField:TextField, color:uint):void {
var format:TextFormat = new TextFormat();
format.color = color;
tField.defaultTextFormat = format;
function buttonRoll(e:MouseEvent):void {
var button = e.currentTarget;
switch (e.type) {
case "mouseOut" :
if(button.name == "b_close"){
button.img.transform.colorTransform = new ColorTransform();
}else{
mainObj.colorCgange(button.img, b_colorOut);
break;
case "mouseOver" :
mainObj.colorCgange(button.img, b_colorOver);
break;
private function fClose(e:MouseEvent):void {
mainObj.closeF()
public function init():void {
var i:int=0;
title_1.text = xmlData[0].title;
title_2.text = xmlData[1].title;
for (i=0; i<xmlData[0].cont.elements().length(); i++) {
this['item_'+(i+1)].htmlText = xmlData[0].cont.elements()[i];
for (i=0; i<xmlData[1].cont.elements().length(); i++) {
form_def_cont_arr[i]=xmlData[1].cont.elements()[i];
loader.dataFormat = URLLoaderDataFormat.VARIABLES;
req.method = URLRequestMethod.POST;
contactForm.mc_buttons.b_clear.buttonMode = true;
contactForm.mc_buttons.b_submit.buttonMode = true;
contactForm.mc_buttons.b_clear.addEventListener(MouseEvent.MOUSE_DOWN, text_field_clear);
contactForm.mc_buttons.b_submit.addEventListener(MouseEvent.MOUSE_DOWN, sendForm);
for (i=0; i<form_field_arr.length; i++) {
contactForm[form_field_arr[i]].tabIndex = i;
contactForm[form_field_arr[i]].text= form_def_cont_arr[i] ;
contactForm[form_field_arr[i]].addEventListener(FocusEvent.FOCUS_IN, onFocus);
contactForm[form_field_arr[i]].addEventListener(FocusEvent.FOCUS_OUT, outFocus);
contactForm[form_field_arr[i]].addEventListener(Event.CHANGE, txErrorCheck);
appResizeHandler();
private function txErrorCheck(event:Event):void {
if (contactForm.txError.text.length>0) {
contactForm.txError.text = "";
private function onFocus(event:FocusEvent):void {
//trace('dd')
for (var i:int=0; i<form_field_arr.length; i++) {
if (event.target.name==form_field_arr[i]) {
var text_field_index = i;
if (contactForm[form_field_arr[text_field_index]].text==form_def_cont_arr[text_field_index]) {
contactForm[form_field_arr[text_field_index]].text='';
private function outFocus(event:FocusEvent):void {
for (var i:int=0; i<form_field_arr.length; i++) {
if (event.target.name==form_field_arr[i]) {
var text_field_index = i;
if (contactForm[form_field_arr[text_field_index]].text=='') {
contactForm[form_field_arr[text_field_index]].text=form_def_cont_arr[text_field_index];
private function text_field_clear(event:Event=null):void {
for (var i:int=0; i<form_field_arr.length; i++) {
contactForm[form_field_arr[i]].text= form_def_cont_arr[i] ;
contactForm.txError.text='';
private function sendForm(evt:MouseEvent):void {
if (contactForm[form_field_arr[0]].text<=0 || contactForm[form_field_arr[0]].text==form_def_cont_arr[0]) {
contactForm.txError.text =form_err_arr[0];
} else if (!isValidEmail(contactForm[form_field_arr[2]].text)) {
contactForm.txError.text = form_err_arr[2];
} else if (contactForm[form_field_arr[3]].text<=0 || contactForm[form_field_arr[3]].text==form_def_cont_arr[3]) {
contactForm.txError.text =form_err_arr[3];
} else {
variables.to_mail = mail;
variables.senderName = contactForm[form_field_arr[0]].text;
variables.senderPhone = contactForm[form_field_arr[1]].text;
variables.senderEmail = contactForm[form_field_arr[2]].text;
variables.senderMsg = contactForm[form_field_arr[3]].text;
req.data = variables;
loader.addEventListener(IOErrorEvent.IO_ERROR, phpError);
loader.addEventListener(Event.COMPLETE, receiveLoad);
loader.load(req);
contactForm.txError.text = 'Submitting form.';
private function phpError(e:IOErrorEvent):void {
trace(e.text);
contactForm.txError.text = e.text;
private function receiveLoad(evt:Event):void {
if (evt.target.data.retval == 1) {
contactForm.txError.text ="Form submitted.";
Tweener.addTween(contactForm, {delay:2, onStart:text_field_clear});
} else {
contactForm.txError.text="** ERROR SENDING MAIL **";
private function isValidEmail(email:String):Boolean {
var emailExpression:RegExp = /^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/i;
return emailExpression.test(email);
private function appResizeHandler(e:Event=null):void {
if (stage) {
var oWidth:Number = stage.stageWidth;
var oHeight:Number = stage.stageHeight;
if (container) {
oWidth = container.width;
oHeight = container.height;
if (mainObj.monitorHeight>0) {
bg.height = mainObj.monitorHeight;
} else {
bg.height = oHeight-20;
if (mainObj.monitorWidth>0) {
bg.width = mainObj.monitorWidth;
} else {
!container?bg.width = oWidth-20:bg.width = oWidth-140;
b_close.y=0;
b_close.x = bg.x+bg.width+5;
txt.width = bg.width - 50;
header_bg.width =bg.width-6;
this.y =Math.round((oHeight-bg.height)/2);
this.x =Math.round((oWidth-bg.width)/2);
mainObj.footerMenu.x= bg.width-13;
mainObj.footerMenu.y= bg.height-13;
title_1.width = bg.width-40;
item_1.width = bg.width-40;
item_2.width = bg.width/2-30;
item_3.width = item_2.width;
item_3.x = item_2.x+item_2.width+20;
title_2.width = bg.width-40;
contactForm.txt_name.width = item_2.width;
contactForm.txt_phone.width = item_2.width;
contactForm.txt_email.width = item_2.width;
contactForm.txError.width = item_2.width;
contactForm.txt_message.width = item_2.width;
contactForm.txt_message.x=contactForm.txt_name.x+contactForm.txt_name.width+20;
contactForm.mc_buttons.x = Math.round(contactForm.txt_message.x+contactForm.txt_message.width-contactForm.mc_buttons .width);
item_1.y = title_1.y+title_1.height+10;
item_2.y = item_1.y+item_1.height+10;
item_3.y = item_1.y+item_1.height+10;
if (item_2.y+item_2.height>item_3.y+item_3.height) {
title_2.y = item_2.y+item_2.height+10;
} else {
title_2.y = item_3.y+item_3.height+10;
contactForm.y = Math.round(title_2.y+title_2.height+10); -
Adobe Muse - Contact Forms State not changing
Hey. So I've been playing around with Muse's contact form and changing the aesthetics of the forms (rounded corners, size, text color etc) up to when I came to changing the State of the contact boxes. They seem to show to work perfectly fine in the design mode when you check all rollover states, but when you preview the site in the browser or even in Muse's Preview mode, the changes don't seem to be exactly how you thought they would be. Specifically, I changed the alignment of the text in the box from left to centered, yet the normal state keeps it left (and italicized, which is default). Anyone know the fix to this?
Like I said, I made sure I changed all the states to the ones that I wanted yet the preview doesn't show the states as I wanted. My text box has left aligned text when i've made sure to center it several times.
This is what it looks like in the design mode in Muse. (Don't mind the Email/Password, I'm just designing, not for functionality.)
This is what it looks like once previewed in a browser. Upon clicking and submitting the text aligns in left as well. -
Hello
Can you please help me with aligning with the date range select option with the radio button group on the left and with the
button on the right, the select option for "DATE" seems to be slightly mis-aligned.
all the above UI elements are included in a 'Group' UI element which as matrix layout. I tried to play around with the 'vAlign'(top,baseline,middle,bottom) settingfor the different UI elements without any luck, this setting doesnt' seem to have any effect on the position of the select option.
please let me know if you need any other info.
ThanksHi,
Here is what you could try out,
1. Create a transparent container and put the Date Select Option( View Container ) in that.
2. Set vAlign for the radio buttons and Transparent container to Middle.
3. Experiment with the vAlign a bit with various combinations till you get desired result.
For e..g dont put any vAlign on Transparent container, but retain them for radio buttons.
This is a tough one to solve, you can get it very close but not completely. This is because the caption for the select option control seems to be always set to vAlign as bottom.
If this does not work.You may need to put the date selector on a different line or in another group with some gap between the Radiobutton group and the Date group.
Hope this helps.
Regards,
Jon -
Require email inputs the same on contact form
Hi there folks,
2 part question;
I'm using Dreamweaver CS5, and have a couple of contact forms on my websites set up. They work fine, but lately have been inundated with spam. Mostly simple automated bots that waste my time. I don't want to install a captcha setup.
I currently require people input their email address twice, in case they make a typo, and while both fields are required, it allows them to both contain different inputs; for example, email 1 might be [email protected] and the 2nd one might be www.spamlink.com .. etc. I think if they were required to be the same, it'd fix most of the problems.
Here's part of my foms
<form action="/xxx-example.pl" method="post" name="Image Inquiry" id="Image Inquiry">
<input type="hidden" name="subject" value="My Site Print Form Order" />
<input type="hidden" name="required" value="email,email 2,Client Name," />
and then this
<td align="left" valign="middle"><span class="Form">Your email:</span></td>
<td align="left" valign="middle"><input name="email" type="textbook" id="Client Email" size="20" maxlength="30" /></td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="middle"><span class="Form">Re-enter email: </span> </td>
<td align="left" valign="middle"><input name="email 2" type="textbook" id="Client email 2" size="20" maxlength="30" /></td>
What I want is to require the inputs in both of those fields be the same (and both be email addresses).
Also, I'd like to have a simple question, such as "What is four plus five" where the user must input "9" for the form to go through. Or really anything where I require a specified input.
I'm not a php person or javascript or anything, so if someone can help me get this working, I'll probably need very basic and specific info; anything else will lose me. I've tried different "honeypot" methods and nothing seems to work properly.
Thanks so much
Cheers
CarlI didn't realize that validation had to be server side in the script,
Validation can be done client side using javascript, but only in addition to server side. For example, you might want to use client side validation to alert the user to a mistake before they submit the form. But, you also must use server side validation as spammers will bypass any client side validation.
How on earth do I find someone who can do that?
You either need to find a web developer that knows perl (there are plenty) or find a php developer (lots of them) to redo your script in php.
Another alternative is to use a product like formstogo (http://www.bebosoft.com/products/formstogo/overview/) which will create your script and probably has all of the validation features you want. -
Forms central and dreamweaver CS6 - trouble with contact form
So I'm a noob. I created a simple one-column layout in DW CS6 and cannot seem to get this Forms Central contact form template to align correctly. I'm sure it is something simple (CSS related). Any help would be appreciated. It is inserted in the beginning of the body tag - here take a look.
-->
</style></head>
<body>
<script type="text/javascript" src="https://formscentral.acrobat.com/Clients/Current/FormsCentral/htmlClient/scripts/adobe.for m.embed.min.js"></script>
<script type="text/javascript">;ADOBEFORMS.EmbedForm({formId:"Tdaq4TZp4ArEoczwH3UmuQ"});</script>
<div class="container">
<div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a>
<!-- end .header --></div>
<div class="content">
<h1>Instructions</h1>
<p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts.http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
<h2>Layout</h2>
<p>Since this is a one-column layout, the .content is not floated. </p>
<h3>Logo Replacement</h3>
<p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
<p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
<p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
<!-- end .content --></div>
<div class="footer">
<p>Footer</p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>Hi,
Try to insert the embed code inside one of your <div> tags say the div-content tag after your <p>..</p> tags.
The embed code should work inside <div> ... </div> tags according to the layout defined there.
Thanks,
Lucia -
Help with a contact form script
I have this contact form but it doesn't send the email
this is the page www.vonhaucke.mx
and the script for contacto.php is:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:vonhaucke:.</title>
<link href="contacto.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<table align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="372"> </td>
<td width="278" class="margen"><div id="logo" class="logo"><img src="img/logovonhaucke.png" width="228" height="71" alt="Vonhaucke" title="Vonhaucke"></div></td>
</tr>
<tr>
<td style="border-bottom:#CCC solid 1px; border-top:#CCC solid 1px;"><h1>Contacto</h1></td>
<td style="border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-top:#CCC solid 1px;"> </td>
</tr>
<tr>
<td valign="top" align="right">
<div id="contact" align="right">
<form action="enviar.php" method="post">
<label for="name">Nombre:</label>
<input type="text" name="nombre" /><br />
<label for="name">Apellido:</label>
<input type="text" name="apellido" /><br />
<label for="name">Empresa:</label>
<input type="text" name="empresa" /><br />
<label for="email">Email:</label>
<input type="email" name="mail" /><br />
<label for="name">Página web:</label>
<input type="text" name="web" /><br />
<label for="name">Teléfono:</label>
<input type="text" name="telefono" /><br />
<label for="message">Comentarios:</label>
<textarea name="comentarios"></textarea><br />
<input type="submit" value="Enviar" />
</form>
</div>
</td>
<td class="margen">
<div id="direccion">
<strong>Sala de Exhibición y Oficinas</strong><br />Paseo de la Reforma 284 PH<br />
Col. Juárez Del Cuauhtémoc<br />06600 México DF<br />T :: 5999 9200<br />
www.vonhaucke.mx<br />
<strong>Aguascalientes</strong><br />T :: 014499145150.<br />E-mail :: [email protected]<br />
<strong>Bajio</strong><br />T :: 014422150577.<br />E-mail :: [email protected]<br />
<strong>Cancún</strong><br />T :: 019988920272.<br />E-mail :: [email protected]<br />
<strong>Hidalgo</strong><br />T :: 0445539243356.<br />E-mail :: [email protected]<br />
<strong>Puebla</strong><br />T :: 012224661905.<br />E-mail :: [email protected]<br />
<strong>Toluca</strong><br />T :: 017222714990.<br />E-mail :: [email protected]<br />
<strong>Nueva York</strong><br />(800) 7113572<br />Sherry Mitchel Inc. Vonhaucke<br />P.O. Box 3035<br />Sea Bright, N,J. 07760
</div> <br />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<div id="ubicacion">Paseo de la Reforma 284 PH, Col. Juárez, Del. Cuauhtémoc, C.P. 06600, México D.F. T.(55) 5999 9200, e-mail. [email protected]</div>
</td>
</tr>
</table>
</body>
</html>
the script for enviar.php is
<?php
$nombre = $_POST['nombre'];
$apellido=$_POST['apellido'];
$empresa = $_POST['empresa'];
$mail = $_POST['mail'];
$web = $_POST['web'];
$telefono = $_POST['telefono'];
$comentarios = $_POST['comentarios'];
$header = 'From: ' . $mail . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
$mensaje = "Este mensaje fue enviado por " . $nombre ." ". $apellido. ", de la empresa " . $empresa . ", Sitio web: " . $web . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Mensaje: " . $_POST['comentarios'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());
$para = '[email protected]';
$asunto = 'Comentarios desde sitio web: vonhaucke';
mail($para, $asunto, utf8_decode($mensaje), $header);
//echo 'Mensaje enviado correctamente';
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:vonhaucke:.</title>
<link href="contacto.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<table align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="372"> </td>
<td width="278" class="margen"><div id="logo" class="logo"><img src="img/logovonhaucke.png" width="228" height="71" alt="Vonhaucke" title="Vonhaucke"></div></td>
</tr>
<tr>
<td style="border-bottom:#CCC solid 1px; border-top:#CCC solid 1px;"><h1>Contacto</h1></td>
<td style="border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-top:#CCC solid 1px;"> </td>
</tr>
<tr>
<td valign="top" align="right">
<div id="contact" align="right">
<form action="#" method="post">
<p align="center">Mensaje enviado correctamente</p>
<input type="button" onClick="parent.$.modal().close()" value="Cerrar">
</form>
</div>
</td>
<td class="margen">
<div id="direccion">
<strong>Aguascalientes</strong><br />T :: 014499145150.<br />E-mail :: [email protected]<br />
<strong>Bajio</strong><br />T :: 014422150577.<br />E-mail :: [email protected]<br />
<strong>Cancún</strong><br />T :: 019988920272.<br />E-mail :: [email protected]<br />
<strong>Hidalgo</strong><br />T :: 0445539243356.<br />E-mail :: [email protected]<br />
<strong>Puebla</strong><br />T :: 012224661905.<br />E-mail :: [email protected]<br />
<strong>Toluca</strong><br />T :: 017222714990.<br />E-mail :: [email protected]<br />
<strong>Nueva York</strong><br />(800) 7113572<br />Sherry Mitchel Inc. Vonhaucke<br />P.O. Box 3035<br />Sea Bright, N,J. 07760
</div> <br />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<div id="ubicacion">Paseo de la Reforma 284 PH, Col. Juárez, Del. Cuauhtémoc, C.P. 06600, México D.F. T.(55) 5999 9200, e-mail. [email protected]</div>
</td>
</tr>
</table>
</body>
</html>
I don't know why is not sending the email to [email protected]Your script works ok when I test it out - the information is sent to the specified email address - although I don't know what the below code has to do with it all? (I've blanked the email addresses to avoid spam)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:vonhaucke:.</title>
<link href="contacto.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<table align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="372"> </td>
<td width="278" class="margen"><div id="logo" class="logo"><img src="img/logovonhaucke.png" width="228" height="71" alt="Vonhaucke" title="Vonhaucke"></div></td>
</tr>
<tr>
<td style="border-bottom:#CCC solid 1px; border-top:#CCC solid 1px;"><h1>Contacto</h1></td>
<td style="border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-top:#CCC solid 1px;"> </td>
</tr>
<tr>
<td valign="top" align="right">
<div id="contact" align="right">
<form action="#" method="post">
<p align="center">Mensaje enviado correctamente</p>
<input type="button" onClick="parent.$.modal().close()" value="Cerrar">
</form>
</div>
</td>
<td class="margen">
<div id="direccion">
<strong>Aguascalientes</strong><br />T :: 014499145150.<br />E-mail :: xxxxxxxxx@xxxxxxxx<br />
<strong>Bajio</strong><br />T :: 014422150577.<br />E-mail :: xxxxxxxxx@xxxxxxxx<br />
<strong>Cancún</strong><br />T :: 019988920272.<br />E-mail :: xxxxxxxxx@xxxxxxxx<br />
<strong>Hidalgo</strong><br />T :: 0445539243356.<br />E-mail :: xxxxxxxxx@xxxxxxxx<br />
<strong>Puebla</strong><br />T :: 012224661905.<br />E-mail :: xxxxxxxxx@xxxxxxxx<br />
<strong>Toluca</strong><br />T :: 017222714990.<br />E-mail :: xxxxxxxxx@xxxxxxxx<br />
<strong>Nueva York</strong><br />(800) 7113572<br />Sherry Mitchel Inc. Vonhaucke<br />P.O. Box 3035<br />Sea Bright, N,J. 07760
</div> <br />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<div id="ubicacion">Paseo de la Reforma 284 PH, Col. Juárez, Del. Cuauhtémoc, C.P. 06600, México D.F. T.(55) 5999 9200, e-mail. xxxxx@xxxxxx</div>
</td>
</tr>
</table>
</body>
</html> -
Need help with creating a contact form!
I searched the forum, and found the suggestion to go to Bravenet and create the form, and then copy the code into the HTML snippet.
I've done that - but I need to change the font - along with its color and possibly the size.
Here is the code:
<form method="post" enctype="multipart/form-data" action="http://pub5.bravenet.com/emailfwd/senddata.php">
<input type="hidden" name="usernum" value="381593922">
<input type="hidden" name="cpv" value="2">
<!-- DO NOT CHANGE OR REMOVE THE 3 TAGS ABOVE THIS COMMENT-->
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
Contact Form
</td>
</tr>
<tr>
<td>
<label for="FirstLastName" style="float:left;width:140px;">First and Last Name:</label><input type="text" name="FirstLastName" id="FirstLastName" value="" maxlength="" style="width:200px;">
<label for="Email" style="float:left;width:140px;">E-Mail Address:</label><input type="text" name="Email" id="Email" value="" maxlength="" style="width:200px;">
<label for="Message" style="float:left;width:140px;">Message:</label><textarea name="Message" id="Message" maxlength="" style="width:200px;height:200px;"></textarea>
</td>
<tr>
<td align="right">
<!-- YOU CAN MODIFY THE TEXT WITHIN VALUE="" TO MODIFY YOUR BUTTON TEXT-->
<input type="submit" value=" Submit "> <input type="reset" value=" Reset ">
</td>
</tr>
</table>
</form>
Can anyone give me a hand??
Thanks!
KimYou might want to check out wufoo.com - very customizable
Maybe you are looking for
-
I use a PC laptop with a touchpad as my mouse. When I right click on a link and click "Open Link in New Tab" it opens the link in a new window instead. I have a few Add-ons but none installed recently, and this problem started this morning for some c
-
5.0.1 Update Block my carryer unlocked and itunes says unlocked, but dont work on itunes
5.0.1 Update Block my carryer unlocked and itunes says unlocked, but dont work itunes. if i restore "again and again" itunes display carries unlock, but dont work on my iphone 4 whit ios 5.0.1. now only works on carrier VIVO ( where buyed this ipho
-
JDBC Connector : pool gets depleted
Hi, we are currently working with SAP EP 6.0 SP2 and trying out some development work with the connector framework. We are writing a component which uses the CF to retrieve information from a Microsoft SQL Server 2000. The portal component works, we
-
Scaling a Custom Component? (pressing a button)
"To resize a custom component, edit the components content" Does that mean edit in Photoshop?? I can't find anywhere to scale the object. I have a button and I want it to scale down as I press it... I basically want an easy way to make an image into
-
How do I blur the edges of an adjustment layer (whose job is to subsequently blur an image)?
So I'm trying to create a sort of rocket blast that distorts the background behind it like a heat wave, but the particle blast, rendered separately from the physical rocket and background, needs to be blurred first before it can act as a mask for the