Thanks for the reply actionAction. I think I do get it! But judging form my past experience, I don't have enough knowledge of php or javascript to get it all working ok. haha
Only the nav menu (also like a header) will be flash. I'll pm you a url to what I have so far.
Each page loads dynamically from the ajax.
Here is the ajax:
function AJAX(strURL) {
var xmlHttpReq = false;
var self = this;
// Mozilla/Safari
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
updatepage(self.xmlHttpReq.responseText);
}
}
self.xmlHttpReq.send(strURL);
}
function updatepage(str){
//This part injects the content into the current document without reload
document.getElementById("content").innerHTML = str;
}
Then in the html I have:
<div id="content">...for the content to inject in to. And
<a href="javascript:AJAX('profile.php')"...would be for a text link, and then the flash would do the same, to switch pages.
I don't know how tidy the ajax is but it's all working fine!
In the html form input "submit" button I tried
onClick="javascript:AJAX('incs/mailer.php')" for example, But it didn't work, just loaded it full page rather than in the content div.
This is the php mailform I have:
<!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>
<title>PHP mail form</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Robots" content="noindex, nofollow" />
<link href="css/form_style.css" rel="stylesheet" type="text/css" />
<link href="css/common_style.css" rel="stylesheet" type="text/css" />
<!--[if !IE]>--><link href="css/not_ie.css" rel="stylesheet" type="text/css" /><!--<![endif]-->
<!--[if IE ]><link href="css/ie_specific.css" rel="stylesheet" type="text/css" /><![endif]-->
<link rel="shortcut icon" type="image/ico" href="images/favicon.ico" />
</head>
<body>
<div id="mailform">
<?php
function clean($data) {
$data = trim(stripslashes(strip_tags($data)));
return $data;
}
$exploits = "/(content-type|bcc:|cc:|document.cookie|onclick|onload|javas cript|alert)/i";
$profanity = "/(beastial|bestial|blowjob|clit|cum|cunilingus|cuni llingus|cunnilingus|****|ejaculate|***|felatio|fel latio|****|fuk|fuks|gangbang|gangbanged|gangbangs| hotsex|jism|jiz|orgasim|orgasims|orgasm|orgasms|ph onesex|phuk|phuq|****|*******|*****|spunk|xxx)/i";
$spamwords = "/(viagra|phentermine|tramadol|adipex|advai|alprazol am|ambien|ambian|amoxicillin|antivert|blackjack|ba ckgammon|texas|holdem|poker|carisoprodol|ciara|cip rofloxacin|debt|dating|****)/i";
$bots = "/(Indy|Blaiz|Java|libwww-perl|Python|OutfoxBot|User-Agent|PycURL|AlphaServer)/i";
if (preg_match($bots, $_SERVER['HTTP_USER_AGENT'])) {
exit("<p>Known spam bots are not allowed.</p>");
}
foreach ($_POST as $key => $val) {
$c[$key] = clean($val);
if (preg_match($exploits, $val)) {
exit("<p>Exploits/malicious scripting attributes aren't allowed.</p>");
} elseif (preg_match($profanity, $val) || preg_match($spamwords, $val)) {
exit("<p>That kind of language is not allowed.</p>");
}
}
$show_form = true;
$error_msg = NULL;
if (isset($c['submit'])) {
if (empty($c['name']) || empty($c['email']) || empty($c['comments'])) {
$error_msg .= "Name, e-mail and comments are required fields. \n";
} elseif (strlen($c['name']) > 15) {
$error_msg .= "The name field is limited at 15 characters. Your first name or nickname will do! \n";
} elseif (!ereg("^[A-Za-z' -]*$", $c['name'])) {
$error_msg .= "The name field must not contain special characters. \n";
} elseif (!ereg("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,6})$",strtolower($c['email']))) {
$error_msg .= "That is not a valid e-mail address. \n";
}
if ($error_msg == NULL) {
$show_form = false;
if (!empty($c['url']) && !ereg("^(http|https)", $c['url'])) {
$c['url'] = "http://" . $c['url'];
}
$subject = "Automatic Form Email";
$message = "You received this e-mail message through your website: \n\n";
foreach ($c as $key => $val) {
$message .= ucwords($key) . ": $val \n";
}
$message .= "IP: {$_SERVER['REMOTE_ADDR']} \n";
$message .= "Browser: {$_SERVER['HTTP_USER_AGENT']}";
if (strstr($_SERVER['SERVER_SOFTWARE'], "Win")) {
$headers = "From: ralph@ralphmanning.com \n";
$headers .= "Reply-To: {$c['email']}";
} else {
$headers = "From: ralphmanning.com <ralph@ralphmanning.com> \n";
$headers .= "Reply-To: {$c['email']}";
}
$recipient = "ralph@ralphmanning.com";
if (mail($recipient,$subject,$message,$headers)) {
echo "<p>Your mail was successfully sent.</p>";
} else {
echo "<p>Your mail could not be sent this time.</p>";
}
}
}
if (!isset($c['submit']) || $show_form == true) {
function get_data($var) {
global $c;
if (isset($c[$var])) {
echo $c[$var];
}
}
if ($error_msg != NULL) {
echo "<p><strong style='color: red;'>ERROR: </strong>";
echo nl2br($error_msg) . "</p>";
}
?>
<form name="mail form" action="mailform.php" method="post">
<table>
<tr>
<td>Name:</td>
<td><div class="inputWrapper"><input name="name" type="text" class="field" id="name" value="<?php get_data("name"); ?>" /></div></td>
</tr>
<tr>
<td>E-mail:</td>
<td><div class="inputWrapper"><input name="email" type="text" class="field" id="email" value="<?php get_data("email"); ?>" /></div></td>
</tr>
<tr>
<td>Website:</td>
<td><div class="inputWrapper"><input name="url" type="text" class="field" id="url" value="http://<?php get_data("url"); ?>" /></div></td>
</tr>
<tr>
<td>Location:</td>
<td><div class="inputWrapper"><input name="location" type="text" class="field" id="location" value="<?php get_data("location"); ?>" /></div></td>
</tr>
<tr>
<td>Comments:</td>
<td><textarea name="comments" class="field" id="comments"><?php get_data("comments"); ?></textarea></td>
</tr>
<tr>
<td></td>
<td><input name="submit" type="submit" class="send" id="submit" value="Send" onfocus="blur()"/> <input name="reset" type="reset" class="login" id="reset" value="Reset" onfocus="blur()"/></td>
</tr>
</table>
</form>
<?php
}
?>
</div>
</body>
</html>
I've got it working currently by just having that as a separate page and making an Iframe in the page that gets loaded in by the ajax. Not ideal, but still works. Hopefully what you suggested can fix it, so no need for iframe! :D
Also, I added the "reset" button to clear the form, but it's behaviour is not quite as i hoped. It clears it up to when a visitor hits send. After that it only resets back to the text they put when they submitted it. And the error message that appears above the form stays- ideally I'd love for the reset button to just refresh the form back to how it started as for the visitor. Is that possible?
As I mentioned, I'll pm a url to a temporary upload.
Thank you so much. I owe you a pint, or 4! :)
Kind regards,