Chrisj

Thanks for your replies. Regarding "show us the code", I have showed the php in the intial posting, and here is the Form: <form action='../ContactForm.php' method='post' name='myform' onSubmit="return checkemail()"> <div class="row"> <div class="col-sm-4"> <input class="form-control" type="text" name='contact_name' placeholder="Name"> </div> <div class="col-sm-4"> <input class="form-control" type="text" name='email_address' placeholder="Email"> </div> </div> <br> <div class="row"> <div class="col-sm-12"> <textarea name='Description' placeholder="Type your message here..." class="form-control" rows="9"></textarea> </div> </div> <div class="row"> <div class="col-sm-4"> <p style="color:grey; font-size:15px;"><b>Security Question:<br> Is Fire Hot Or Cold?:</p> <input type="text" name="ans"/><br> <div> <div class="row"> <div class="col-sm-4"> <input class="btn btn-action" type='submit' value="Send message"> </div> </div> </div> </form> Regarding "Can you assign a header call to a variable?", I'm not clear on that. Is my url(s) the variable? Any clarification, and/or code tweak suggestion will be greatly appreciated.

Thanks so much for your reply. Yes, I have this input field: <input type="text" name="ans"/> which works successfully from my windows desktop. After entering 'hot' and select 'Send Message' I am successfully directed to the page(I've changed the url for this posting) listed here" // if no errors are set, continue if(empty($error)) { header('Location: ww.somesite.com/ThankYou.html'); exit; } And also, from my desktop if I enter anything other than 'hot', and select 'Send Message', I'm successfully directed to the page listed here: $error[] = header('Location: ww.somesite.com/WrongAnswer.html'); exit; But from my iPhone when I enter 'hot' (or anything else) and select either 'Send Message", Done(on the phone) and then 'Send Message', or 'Go'(on the phone), no matter what, I'm directed to this page: ww.somesite.com/WrongAnswer.html So, if it's true that "Entering text on a mobile is no different than a fixed desktop", than obviously and not surprisingly, my code needs some type of correction/modification. Any ideas/suggestions will be appreciated. Much thanks again

I realize this is old code (that I didn't write) but works well for a temporary 'under construction' page. After filling in the simple Form fields the simple Security question is presented : Is fire Hot or Cold? When I enter text into the answer field it works successfully, except, of course on a mobile device. In order for it to work on a mobile device, I believe I need to present a choice, rather than entering text - correct? So, I'm looking for a possible simple tweak on this code, so that it will work for a mobile device, please. I don't really want to re-write all of it, and I know it's not super-secure, but it will do for now. Here's the last part of the Form: <div> <p>Security Question:<br> Is Fire Hot Or Cold?: <input type="text" name="ans"/></p><br> <p><input class="btn btn-action" type='submit' value="Send message"></p> </div> </form> And <?php // create an empty error array to hold any error messages\ $error = array(); $mailto = 'someone@somewhere.com'; $mailsubj = "ContactForm Submission"; $mailhead = "From:SomehereForm\n"; $mailbody = "--- Contact form results ---\n"; foreach($_REQUEST as $key => $value) { if($key != 'PHPSESSID') { $mailbody .= $key.": ".$value."\n"; } } if(isset($_POST['ans']) && $_POST['ans']!='hot') { // add error to error array $error[] = header('Location: ww.somesite.com/WrongAnswer.html'); exit; } // if no errors are set, continue if(empty($error)) { header('Location: ww.somesite.com/ThankYou.html'); exit; } ?> Is it possible to add something like: <option value="ans">hot</option> <option value="">cold</option> and then change this somehow: $error['anything other than hot'] = header('Location: ww.somesite.com/WrongAnswer.html'); exit; Any tweak help will be appreciated.

Thanks for your reply. I saw this on a Support Forum (i'm not sure if it pertains to this) It said this: "If you already have your parameters set like $_POST['eg'] for example and you don't wish to change it, simply do it like this: $_POST = json_decode(file_get_contents('php://input'), true); This will save you the hassle of changing all $_POST to something else and allow you to still make normal post requests." Would that work in my situation?

Thanks again for your reply. Here's the Form: <form id="ajax-contact" method="post"> <table class="table10"> <tr> <td colspan="3"><textarea id="contact-message" placeholder="MESSAGE:" required/></textarea> </td> <tr> <td> <input id="contact-name" name="name" value="NAME" onfocus="if (this.value=='NAME') {this.value=''; this.style.color='#000000';}" onclick="clickclear(this, 'Enter Name')" onblur="clickrecall(this,'')" required/> </td> <td> <input id="contact-email1" name="email" value="EMAIL" onfocus="if (this.value=='EMAIL') {this.value=''; this.style.color='#696969';}" required/> </td> <tr> <td class="captcha"> ENTER IMAGE TEXT: <input name="captcha" style="width:100px" type="text" required/> <img src="captcha.php" /> </td> <td> <input type="hidden" name="submit" ><input class="my-input1" type="submit" value="SEND"> </td> </tr> </table> </form>

Thanks for your reply. But, I'm not clear on what you're asking for. Is it this?: <?php session_start(); $code=rand(1000,9999); $_SESSION["code"]=$code; $im = imagecreatetruecolor(80, 24); $bg = imagecolorallocate($im, 177, 78, 78); $fg = imagecolorallocate($im, 255, 255, 255); imagefill($im, 0, 0, $bg); imagestring($im, 5, 24, 3, $code, $fg); header("Cache-Control: no-cache, must-revalidate"); header('Content-type: image/png'); imagepng($im); imagedestroy($im); ?>

I merged this code from a captcha script: <?php session_start(); if(isset($_POST["captcha"])&&$_POST["captcha"]!=""&&$_SESSION["code"]==$_POST["captcha"]) { echo "Correct Code Entered"; //Do your stuff } else { die("Wrong Code Entered"); } ?> with a working Contact Form script code: <?php $data = json_decode(file_get_contents("php://input")); $name = trim($data->name); $name = str_replace(array("\r", "\n"), array(" ", " "), $name); $email = filter_var(trim($data->email), FILTER_SANITIZE_EMAIL); $message = trim($data->message); // Check that data was sent. if (empty($name) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) { echo "One or more invalid entries. Please try again."; exit; } $to = "support@...com"; $from = "From: contact-form@...com". "\r\n"; $body = "A message has been sent via the website contact form.\n\n"; $body .= "Name: $name\n"; $body .= "Email: $email\n\n"; $body .= "Message:\n$message\n"; if (mail($to, 'Customer Inquiry', $body)){ echo "Thank You. Your Message Has Been Sent."; } else { echo "An error has occurred and your message could not be sent."; } ?> to get this: <?php session_start(); $data = json_decode(file_get_contents("php://input")); $name = trim($data->name); $name = str_replace(array("\r", "\n"), array(" ", " "), $name); $email = filter_var(trim($data->email), FILTER_SANITIZE_EMAIL); $message = trim($data->message); // Check that data was sent. if (empty($name) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) { echo "One or more invalid entries. Please try again."; exit; } if(isset($_POST["captcha"])&&$_POST["captcha"]!=""&&$_SESSION["code"]==$_POST["captcha"]) { echo "Correct Code Entered"; //Do your stuff } else { die("Wrong Code Entered"); } $to = "support@...com"; $from = "From: contact-form@...com". "\r\n"; $body = "A message has been sent via the website contact form.\n\n"; $body .= "Name: $name\n"; $body .= "Email: $email\n\n"; $body .= "Message:\n$message\n"; if (mail($to, 'Customer Inquiry', $body)){ echo "Thank You. Your Message Has Been Sent."; } else { echo "An error has occurred and your message could not be sent."; } ?> but after I tested/completed the Form, including entering the correct Captcha code, I see the message "Wrong Code Entered", and of course the Contact Form info does not send. I added this (after the 'session start' line): var_dump($_SESSION); and ran the Form, and I see this: array(2) { ["security_code"]=> string(6) "9569qb" ["code"]=> int(6133) } Wrong Code Entered Any guidance with integrating captcha script successfuly will be appreciated.

I have this Contact Form, that I'm trying to add a captcha element to it. The captcha script html part is this: <td> Enter Image Text<input name="captcha" type="text"><img src="captcha.php" /> </td> And it looks like (see attached image) How can I style this, and also put some space between the text, the field box, and the numbers box, horizontally? I look forward to some suggestions. Much thanks.

Thanks for your replies. Any additional help will be appreciated.

Thanks for your replies. This is not code that I wrote. Someone provided it to me and it seems like it's close to working. I'm not familiar with "superglobal $_PRINT". And I'm not clear on "put the contact data into the e-mail content", doesn't the Contact Form user enter the content into the Form fields? And additional guidance/examples, would be appreciated

When 'submit' is selected in this Contact Form, the 'message' field info is the only thing that sends/arrives. Someone suggested it may have to do with the 'mail command', but any help with getting the 'name' and 'email' field info to send will be appreciated. <?php $data = json_decode(file_get_contents("php://input")); $name = trim($data->name); $name = str_replace(array("\r", "\n"), array(" ", " "), $name); $email = filter_var(trim($data->email), FILTER_SANITIZE_EMAIL); $message = trim($data->message); if (empty($name) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) { echo "One or more invalid entries. Please try again."; exit; } $to = "support@...com"; $from = "From: contact-form@...com". "\r\n"; if (mail($to, "Customer Inquiry", $message)) { echo "Thank You. Your message has been sent."; } else { echo "An error has occurred and your message could not be sent."; } ?> Here's more code: <form id="ajax-contact" method="post"> <table class="table10"> <tr> <td> <label for="name">Your Name:</label> <input id="contact-name" type="text" name="name" required> </td> </tr> </tr> <tr> <td> <label for="email">Your Email Address:</label> <input id="contact-email" type="email" name="email" required> </td> </tr> <tr> <td> <label for="message">Message:</label> <textarea id="contact-message" type="text" name="message" required></textarea> </td> </tr> <tr> <td> <button type="submit">Send</button> </td> </table> </form> <div id="form-response"></div> <script> $(function () { var form = $("#ajax-contact"); form[0].reset(); form.submit(function (event) { event.preventDefault(); var data = { "name": $("#contact-name").val(), "email": $("#contact-email").val(), "message": $("#contact-message").val() }; $.ajax({ url: "../contact_form_handle.php", data: JSON.stringify(data), contentType: "application/json; charset=utf-8", dataType: "text", type: "POST"}) .done(function (response) { $("#form-response").text(response); form[0].reset(); }) .fail(function (data) { if (data.responseText.length) { $("#form-response").text(data.responseText); } else { $("#form-response").text("An error has occurred and your message could not be sent."); } }) }); }); </script>

This Form works successfully, however, the Sub-Category list elements don't appear in alphabetical order, even though I entered them into this script's siteAdmin sub-category-input in alphabetical order. Is there a line of code that could direct the elements to appear in alphabetically order upon selecting the drop-down choices? Or other solution? Here's the Form code: <form enctype="multipart/form-data" action="uploader.php" method="POST"> <div id="upload-video"> <ul> <li style="width:240px; text-align:right;"><strong>[var.lang_title]:</strong></li> <li style="width:400px; text-align:left;"><input name="title" type="text" class="upload-video-form-input" value="[var.title]" size="38" /> </li> <li style="width:240px; text-align:right;"><strong>[var.lang_description]:</strong><br /></li> <li style="width:400px; text-align:left;"><textarea rows="4" name="description" id="description" cols="29" class="upload-video-form-input">[var.description]</textarea><br /> </li> <li style="width:240px; text-align:right;"><strong>[var.lang_tags]:</strong></li> <li style="width:400px; text-align:left;"><input name="tags" type="text" class="upload-video-form-input" value="[var.tags]" size="38" /> </li> <input type="hidden" name="channel" value="9"/> <li style="width:240px; text-align:right"><strong>Sub-Category: </strong></li> <li style="width:450px; text-align:left;" ><select class="upload-video-form-input" id="sub_change" size="1" name="sub_cat"></select> </li> </ul> <input type="hidden" name="vid_upload_token" value="[var.vid_upload_token]" /> <table id="tab1"> <tbody> <tr> <td> <input type="hidden" name="public_private" value="public"></li> <input class="buttonform1" type="submit" value="UPLOAD" /> </td></tr> </tbody> </table> <input class="upload-video-form-input" type="hidden" name="form_submitted" value="yes" /> </form> <script>javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat=1', 'sub_change', '', 'GET', '', this); </script> Any guidance/remedy will be appreciated.

Thank you for your reply. So, this part would come after // process form ? if($_POST['submitted'] == "1"){ $your_email = "support@.....com"; $from = "From: contact-form@.....com". "\r\n"; $user_email = $_POST['email']; $user_name = $_POST['name']; $subject = $_POST['subject']; $email_body = $_POST['comments']; if($user_email == "" or $user_name == "" or $subject == "" or $email_body == ""){ $error = "Please Complete All Required* Fields"; }else{ $message = "ContactUs : \n \nUsers Email : $user_email \nUsers Name : $user_name \n\n\n Users Message : \n\n$email_body"; //SEND THE EMAIL - mail($your_email, $subject, $message, $from); $result = "Your Message Has Been Sent. Thank You"; } } $message = "ContactUs : \n \nUsers Email : $user_email \nUsers Name : $user_name \n\n\n Users Message : \n\n$email_body"; //End Contact Us -

Yes, sorry I got confused. So, I would need to put this in it's own php file? If so, how would the Form connect with that file, or visa versa Thanks if($_POST['submitted'] == "1"){ $your_email = "support@.....com"; $from = "From: contact-form@.....com". "\r\n"; $user_email = $_POST['email']; $user_name = $_POST['name']; $subject = $_POST['subject']; $email_body = $_POST['comments']; if($user_email == "" or $user_name == "" or $subject == "" or $email_body == ""){ $error = "Please Complete All Required* Fields"; }else{ $message = "ContactUs : \n \nUsers Email : $user_email \nUsers Name : $user_name \n\n\n Users Message : \n\n$email_body"; //SEND THE EMAIL - mail($your_email, $subject, $message, $from); $result = "Your Message Has Been Sent. Thank You"; } } $message = "ContactUs : \n \nUsers Email : $user_email \nUsers Name : $user_name \n\n\n Users Message : \n\n$email_body"; //End Contact Us -

This contact form code does not send the Form info, and does not show 'completed' or 'not completed' message, can you help me add what's needed, please? <form action="../index.php" method="post" name="contact_us" onSubmit="return capCheck(this);"> <tr> <td> <input id="name" name="name" value="NAME" onfocus="if (this.value=='NAME') {this.value=''; this.style.color='#000000';}" onclick="clickclear(this, 'Enter Name')" onblur="clickrecall(this,'Enter Name1')" /> </td> <td> <input id="name" name="email" value="EMAIL" onfocus="if (this.value=='EMAIL') {this.value=''; this.style.color='#000000';}" onclick="clickclear(this, 'Enter Email')" onblur="clickrecall(this,'Enter Email1')" /> </td> <td> <input id="name" name="subject" value="SUBJECT" onfocus="if (this.value=='SUBJECT') {this.value=''; this.style.color='#000000';}" onclick="clickclear(this, 'Enter Subject')" onblur="clickrecall(this,'Enter Subject1')" /> </td> </tr> <tr> <td colspan="3"><input id="textbox1" name="comments" value="COMMENTS" onfocus="if (this.value=='COMMENTS') {this.value=''; this.style.color='#000000';}" onclick="clickclear(this, 'Enter Comments')" onblur="clickrecall(this,'Enter Comments1')" /> </td> </tr> <tr> <td> <input id="captext" type="text" name="captext" style="maxlength="6" value="" /></td> <td><img src="../includes/captcha.php" border="0" id="verification_image" /></a><center><a onclick="refresh_security_image(); return false;" style="cursor:pointer;"><u>Refresh Image</u></a><center> </td> <td><input type="hidden" name="submitted" value="1" /><input class="my-input" type="submit" value="SEND MESSAGE"> </td> </tr> </form> <!--<script type="text/javascript"> if($_POST['submitted'] == "1"){ $your_email = "support@.....com"; $from = "From: contact-form@.....com". "\r\n"; $user_email = $_POST['email']; $user_name = $_POST['name']; $subject = $_POST['subject']; $email_body = $_POST['comments']; if($user_email == "" or $user_name == "" or $subject == "" or $email_body == ""){ $error = "Please Complete All Required* Fields"; }else{ $message = "ContactUs : \n \nUsers Email : $user_email \nUsers Name : $user_name \n\n\n Users Message : \n\n$email_body"; //SEND THE EMAIL - mail($your_email, $subject, $message, $from); $result = "Your Message Has Been Sent. Thank You"; } } $message = "ContactUs : \n \nUsers Email : $user_email \nUsers Name : $user_name \n\n\n Users Message : \n\n$email_body"; //End Contact Us - </script>-->

Thanks for your reply. However, I have some additional information, since I originally posted. As I stated, I have a Search Form on a web page that works successfully, where when a Category is chosen the sub-category drop-down populates successfully after the Category is chosen, that uses this code: <script> $(document).ready(function() { $("select[name='channel']").change(function() { var channel_id = $(this).val(); console.log(channel_id); $("select[name='sub_category']").html("<option value='All'>Sub Category</option>"); $.ajax({ type: "POST", url: "/ajax.php", data: "channel_id="+channel_id, dataType: 'json', statusCode: { 200: function(data) { for(i = 0; i < data.length; i ++) { $("select[name='sub_category']").append("<option value='"+data[i]["sub_channel_id"]+"'>"+data[i]["sub_channel_name"]+"</option>"); } } } }); }); }); </script> But when a jquery plug-in is added in, the Search Form works except the sub-category drop-down doesn't populate successfully after a Category is chosen, the jQuery script uses uses code: <script> $(document).ready(function(){ $("select.ui-select").selectWidget({ change : function (changes) { return changes; }, effect : "slide", keyControl : true, speed : 200, scrollHeight : 250 }); }); </script> So, I was able to contact the script's author (outside USA time zone) and he said this: if you are using $(...).change(function(){ // Do something });, ....on this drop-down script change is working only in change : function (changes) { return changes; }, ...look at your view source, there you will find $('select').change(); So, I'm guessing that I have to somehow combine the two codes, maybe use change : function (changes) { return changes; }, and not .change(function() possibly? Any additional help will be appreciated.

I've installed a jquery plug-in and am trying to integrate it with my successfully-working Search Form. The search form works using this code: <form method="get" action="../search.php" /> <table class="table10"> <tr> <td> <input type="text" id="keyword" name="keyword" value="SEARCH WORDS" onfocus="if (this.value=='SEARCH WORDS') {this.value=''; this.style.color='#696969';}" onclick="clickclear(this, 'Search [var.site_name]')" onblur="clickrecall(this,'Search [var.site_name]')" value="" /> </td> <td> <select size="1" name="channel" class="ui-select" /> <option value="">SELECT</option> <option value="All">All Videos</option> <option value="1">Channel1</option> <option value="4">Channel2</option> </select> </td> <td> <select size="1" name="sub_category" class="ui-select" /> <option value="All">Sub Category</option> </select> </td> <td> <input type="submit" value="SUBMIT"/> </td> </tr> </form> and this code: <script> $(document).ready(function() { $("select[name='channel']").change(function() { var channel_id = $(this).val(); console.log(channel_id); $("select[name='sub_category']").html("<option value='All'>Sub Category</option>"); $.ajax({ type: "POST", url: "/ajax.php", data: "channel_id="+channel_id, dataType: 'json', statusCode: { 200: function(data) { for(i = 0; i < data.length; i ++) { $("select[name='sub_category']").append("<option value='"+data[i]["sub_channel_id"]+"'>"+data[i]["sub_channel_name"]+"</option>"); } } } }); }); }); </script> where you select a Category and that then populates the sub-category drop-down for selecting a sub-category. But when I add in the jquery code around the Form, and select a Category, the sub-category doesn't populate. Here's that jquery code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script type="text/javascript" src="js/select-widget-min.js"></script> and: <link rel="stylesheet" href="css/drop-down.css" /> <script type="text/javascript" src="js/jquery-1.11.1.min.js"/></script> <script type="text/javascript" src="js/jquery-ui.min.js"/></script> <script> $(document).ready(function(){ $(".ui-select").selectWidget({ change : function (changes) { return changes; }, effect : "slide", keyControl : true, speed : 200, scrollHeight : 250 }); }); </script> </head> So, the Search Form works and the sub-category drop-down populates successfully after a Category is chosen. But when the jquery is added in, the Search Form works except the sub-category drop-down doesn't populate successfully after a Category is chosen. Any suggestions will be greatly appreciated..

I have been working on a Search Form, that has a small issue. In the Form table, when a Category is selected, the Form shifts momentarily. What is taking place is the Sub-Category table section momentarily shows a small sub-category field box, and then disappears (which shifts the Form). I'm trying to remedy that issue, so that the Form doesn't shift, and the small sub-category field box doesn't appear. For a visual, I've attached an image showing a series of images, the top image(1st) is before a Category selection, the 2nd shows the Category drop-down, the 3rd shows what happens upon selection (the field box shows), the 4th shows the that the field box disappears. (this may be a jQuery issue - not sure) Any ideas will be greatly appreciated.

The javascript slider that I'm using appears successfully on my pc screen, but the image is truncated on the right when viewed on an iPhone. I'm trying to have the php web script show a different css file when viewed on iPhone, to have different attributes, but, for starters, this link doesn't seem to work: <link rel="stylesheet" type="text/css" media="screen" href="css/component01.css" /> Can you help me with a more proper link that will work for iPhone screens?

Thanks for your reply, however, that line has been commented out, and replaced with the "hidden" line, as appears in my original posting. Any other suggestions will be appreciated.

Thanks so much for your reply. Yes I tried that suggestion by trying it several places within the <select tags on this line, without success: <li style="width:240px; text-align:right"><strong>[var.lang_sub_cat]: </strong><option value="">Choose One</option></li> <li style="width:400px; text-align:left;" id="sub_change"><select class="upload-video-form-input" style="width:160px;" size="1" name="sub_cat"></select> ([var.lang_optional])</li> Any other ideas will be greatly appreciated. Much thanks again.

I installed a javascript slider and added my images, but my images apparently have a sizing issue, I can see more width of the image on my pc screen, but on an iphone the image seems almost cut in half. Any ideas how to remedy will be appreciated. Here's some relevant code: html, body, .container { height: 100%; } .js .boxgallery, .js .boxgallery div { position: absolute; } .js .boxgallery, .bg-tile, .bg-img { overflow: hidden; } .js .boxgallery, .js .panel { top: 0; left: 0; width: 100%; height: 100%; } .panel { z-index: 0; -webkit-perspective: 1200px; perspective: 1200px; } .bg-tile { width: 50%; height: 50%; } .bg-tile:nth-child(2), .bg-tile:nth-child(4) { left: 50%; } .bg-tile:nth-child(3), .bg-tile:nth-child(4) { top: 50%; } .bg-img { width: 100%; height: 100%; background: #999; } .bg-img img { position: absolute; display: block; height: 200%; } @media screen and (min-aspect-ratio: 1280/850) { .bg-img img { width: 200%; height: auto; } } .bg-tile:nth-child(2) .bg-img img, .bg-tile:nth-child(4) .bg-img img { left: -100%; } .bg-tile:nth-child(3) .bg-img img, .bg-tile:nth-child(4) .bg-img img { top: -100%; } Any help will be appreciated.

Thanks for your reply and remedy. Much thanks. Putting this: <script> javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat=1', 'sub_change', '', 'GET', '', this); </script> outside of the Form, worked! Much, much thanks/appreciated. Now, I'm just trying to have "Choose One" appear, in the field box, instead of the first choice of the sub-category list. If you'd like to share any thoughts on where I can make that happen, I'd welcome that guidance. Much, much thanks again.

Thanks for that suggestion. I tried this: <input type="hidden" name="channel" value="1"/><script> javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat=1', 'sub_change', '', 'GET', '', this); </script> as per your instructions, but unfortunately no success. Any other ideas will be welcomed.

Thanks for your reply. Do you know of a "different one"?