Help with html, finishing my website slight problem |
Help with html, finishing my website slight problem |
mark dee |
Jan 8 2014, 05:49 AM
Post
#1
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
Hi just trying to add a foxyform contact us form to my page but when i remove the one supplied with the template and add this foxyform one it moved my details on the right of the contact form to underneath it
Can anyone look at my html and tell me how t change it so the ascot brisbane part down to mobile number is located on right side of the contact form instead of below it?. Website is paintersinbrisbane.com Thanks in advance |
pandy |
Jan 8 2014, 07:41 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
What does the part you removed look like? Maybe there was a style attribute or a class or id used by your style sheet.
|
mark dee |
Jan 8 2014, 04:30 PM
Post
#3
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
What does the part you removed look like? Maybe there was a style attribute or a class or id used by your style sheet. Thanks for the response!, Below is what i removed <!--start contact--> <section id="contact"> <div class="container"> <div class="row divide"> <div class="span8"> <div class="row"> <form action="js/sendmail.php" method="post" id="contactForm"> <div class="span4"> <label>Name:</label> <input type="text" name="name" value="" id="name" class="span4"/> </div> <div class="span4"> <label>Email:</label> <input type="text" name="email" value="" id="email" class="span4"/> </div> <span class="honeypot"> <label>Honeypot:</label> <input type="text" name="last" value="" id="last"/> </span> <div class="span8"> <label>Message:</label> <textarea rows="6" name="message" class="span8"></textarea> </div> <div class="span8"> <div class="message"><div class="alert"></div></div> <input type="submit" value="Send" class="m-btn blue"/> </div> </form> and this is what I replaced it with <!-- Do not change the code! --> <a id="foxyform_embed_link_510670" href="http://www.foxyform.com/">foxyform</a> <script type="text/javascript"> (function(d, t){ var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = "http://www.foxyform.com/js.php?id=510670&sec_hash=5a39c322a9f&width=350px"; s.parentNode.insertBefore(g, s); }(document, "script")); </script> <!-- Do not change the code! --> |
Sorryboss |
Jan 8 2014, 05:49 PM
Post
#4
|
Member Group: Members Posts: 41 Joined: 2-September 12 Member No.: 17,724 |
Sounds like (and this is a guess) you had your mobile number's container resting against (position:relative, perhaps) the old form, and removing it caused it to fall down into space. You may just need to tweak your CSS a bit until it looks right again.
|
mark dee |
Jan 8 2014, 06:35 PM
Post
#5
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
Sounds like (and this is a guess) you had your mobile number's container resting against (position:relative, perhaps) the old form, and removing it caused it to fall down into space. You may just need to tweak your CSS a bit until it looks right again. Thanks, I`ll take a look into the css files but I am not sure at all what I might need to change. |
pandy |
Jan 8 2014, 09:25 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I started to look at it, but I'm too tired to get anything out of it. There was a lot to look at there. I'll try again tomorrow.
One thing though. That new form is totally JavaScript dependent. Maybe not the best idea, especially not for a business. No JS - no way of contact. |
mark dee |
Jan 8 2014, 10:55 PM
Post
#7
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
I started to look at it, but I'm too tired to get anything out of it. There was a lot to look at there. I'll try again tomorrow. One thing though. That new form is totally JavaScript dependent. Maybe not the best idea, especially not for a business. No JS - no way of contact. Seems to work perfectly, emails are coming through no problem. |
mark dee |
Jan 9 2014, 12:49 AM
Post
#8
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
I started to look at it, but I'm too tired to get anything out of it. There was a lot to look at there. I'll try again tomorrow. One thing though. That new form is totally JavaScript dependent. Maybe not the best idea, especially not for a business. No JS - no way of contact. For now I have put back the original contact form but it is not working at all which was my original problem i thought that adding the foxyform one would solve that problem but it made more problems. Can someone tell me then how do I configure this contact form to work with the sendmail.php file, what do I need to do exactly?. This is how it appears <?php // Who you want to recieve the emails from the form. $sendto = 'markuspdee@gmail.com'; // The subject you'll see in your inbox $subject = 'Quote request from my website'; // Message for the user when he/she doesn't fill in the form correctly. $errormessage = 'Looks like you are missing some info. Please try again.'; //Message for the user when he/she fills in the form correctly. $thanks = "Thanks for the email. We'll get back to you as soon as we can."; // Message for the bot when it fills in in at all. $honeypot = "You filled in the honeypot! If you're human, try again!"; // Various messages displayed when the fields are empty. $emptyname = 'Entering your name?'; $emptyemail = 'Entering your email address?'; $emptymessage = 'Entering a message?'; // Various messages displayed when the fields are incorrectly formatted. $alertname = 'Entering your name using only the standard alphabet?'; $alertemail = 'Entering your email in this format: <i>name@example.com</i>?'; $alertmessage = "Making sure you aren't using any parenthesis or other escaping characters in the message? Most URLS are fine though!"; $alert = ''; $pass = 0; function clean_var($variable) { $variable = strip_tags(stripslashes(trim(rtrim($variable)))); return $variable; } if ( empty($_REQUEST['last']) ) { if ( empty($_REQUEST['name']) ) { $pass = 1; $alert .= "<li>" . $emptyname . "</li>"; $alert .= "<script>jQuery(\"#name\").addClass(\"error\");</script>"; } elseif ( ereg( "[][{}()*+?.\\^$|]", $_REQUEST['name'] ) ) { $pass = 1; $alert .= "<li>" . $alertname . "</li>"; } if ( empty($_REQUEST['email']) ) { $pass = 1; $alert .= "<li>" . $emptyemail . "</li>"; $alert .= "<script>jQuery(\"#email\").addClass(\"error\");</script>"; } elseif ( !eregi("^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$", $_REQUEST['email']) ) { $pass = 1; $alert .= "<li>" . $alertemail . "</li>"; } if ( empty($_REQUEST['message']) ) { $pass = 1; $alert .= "<li>" . $emptymessage . "</li>"; $alert .= "<script>jQuery(\"#message\").addClass(\"error\");</script>"; } elseif ( ereg( "[][{}()*+\\^$|]", $_REQUEST['message'] ) ) { $pass = 1; $alert .= "<li>" . $alertmessage . "</li>"; } if ( $pass==1 ) { echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\"); </script>"; echo "<script>$(\".alert\").addClass('alert-block alert-error').removeClass('alert-success'); </script>"; echo $errormessage; echo $alert; } elseif (isset($_REQUEST['message'])) { $message = "From: " . clean_var($_REQUEST['name']) . "\n"; $message .= "Email: " . clean_var($_REQUEST['email']) . "\n"; $message .= "Message: \n" . clean_var($_REQUEST['message']); $header = 'From:'. clean_var($_REQUEST['email']); mail($sendto, $subject, $message, $header); echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\");$('#contactForm')[0].reset();</script>"; echo "<script>$(\".alert\").addClass('alert-block alert-success').removeClass('alert-error'); </script>"; echo $thanks; echo "<script>jQuery(\"#name\").removeClass(\"error\");jQuery(\"#email\").removeClass(\"error\");jQuery(\"#message\").removeClass(\"error\");</script>"; die(); echo "<br/><br/>" . $message; } } else { echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\"); </script>"; echo $honeypot; } ?> Thanks in advance . |
CharlesEF |
Jan 9 2014, 01:17 AM
Post
#9
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
<?php // Who you want to recieve the emails from the form. $sendto = 'markuspdee@gmail.com'; // The subject you'll see in your inbox $subject = 'Quote request from my website'; // Message for the user when he/she doesn't fill in the form correctly. $errormessage = 'Looks like you are missing some info. Please try again.'; //Message for the user when he/she fills in the form correctly. $thanks = "Thanks for the email. We'll get back to you as soon as we can."; // Message for the bot when it fills in in at all. $honeypot = "You filled in the honeypot! If you're human, try again!"; // Various messages displayed when the fields are empty. $emptyname = 'Entering your name?'; $emptyemail = 'Entering your email address?'; $emptymessage = 'Entering a message?'; // Various messages displayed when the fields are incorrectly formatted. $alertname = 'Entering your name using only the standard alphabet?'; $alertemail = 'Entering your email in this format: <i>name@example.com</i>?'; $alertmessage = "Making sure you aren't using any parenthesis or other escaping characters in the message? Most URLS are fine though!"; $alert = ''; $pass = 0; function clean_var($variable) { $variable = strip_tags(stripslashes(trim(rtrim($variable)))); return $variable; } if ( empty($_REQUEST['last']) ) { if ( empty($_REQUEST['name']) ) { $pass = 1; $alert .= "<li>" . $emptyname . "</li>"; $alert .= "<script>jQuery(\"#name\").addClass(\"error\");</script>"; } elseif ( ereg( "[][{}()*+?.\\^$|]", $_REQUEST['name'] ) ) { $pass = 1; $alert .= "<li>" . $alertname . "</li>"; } if ( empty($_REQUEST['email']) ) { $pass = 1; $alert .= "<li>" . $emptyemail . "</li>"; $alert .= "<script>jQuery(\"#email\").addClass(\"error\");</script>"; } elseif ( !eregi("^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$", $_REQUEST['email']) ) { $pass = 1; $alert .= "<li>" . $alertemail . "</li>"; } if ( empty($_REQUEST['message']) ) { $pass = 1; $alert .= "<li>" . $emptymessage . "</li>"; $alert .= "<script>jQuery(\"#message\").addClass(\"error\");</script>"; } elseif ( ereg( "[][{}()*+\\^$|]", $_REQUEST['message'] ) ) { $pass = 1; $alert .= "<li>" . $alertmessage . "</li>"; } if ( $pass==1 ) { echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\"); </script>"; echo "<script>$(\".alert\").addClass('alert-block alert-error').removeClass('alert-success'); </script>"; echo $errormessage; echo $alert; } elseif (isset($_REQUEST['message'])) { $message = "From: " . clean_var($_REQUEST['name']) . "\n"; $message .= "Email: " . clean_var($_REQUEST['email']) . "\n"; $message .= "Message: \n" . clean_var($_REQUEST['message']); $header = 'From:'. clean_var($_REQUEST['email']); mail($sendto, $subject, $message, $header); echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\");$('#contactForm')[0].reset();</script>"; echo "<script>$(\".alert\").addClass('alert-block alert-success').removeClass('alert-error'); </script>"; echo $thanks; echo "<script>jQuery(\"#name\").removeClass(\"error\");jQuery(\"#email\").removeClass(\"error\");jQuery(\"#message\").removeClass(\"error\");</script>"; die(); echo "<br/><br/>" . $message; } } else { echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\"); </script>"; echo $honeypot; } ?> Where is the HTML to go with the PHP code? Is that the code you said you removed in your previous post? If it is then you should add it back in because this PHP code needs a from to go along with it. Oh wait, I'm confused. Are you trying to make this contact form work or do you just have a position problem? This post has been edited by CharlesEF: Jan 9 2014, 01:24 AM |
mark dee |
Jan 9 2014, 02:51 AM
Post
#10
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
<?php // Who you want to recieve the emails from the form. $sendto = 'markuspdee@gmail.com'; // The subject you'll see in your inbox $subject = 'Quote request from my website'; // Message for the user when he/she doesn't fill in the form correctly. $errormessage = 'Looks like you are missing some info. Please try again.'; //Message for the user when he/she fills in the form correctly. $thanks = "Thanks for the email. We'll get back to you as soon as we can."; // Message for the bot when it fills in in at all. $honeypot = "You filled in the honeypot! If you're human, try again!"; // Various messages displayed when the fields are empty. $emptyname = 'Entering your name?'; $emptyemail = 'Entering your email address?'; $emptymessage = 'Entering a message?'; // Various messages displayed when the fields are incorrectly formatted. $alertname = 'Entering your name using only the standard alphabet?'; $alertemail = 'Entering your email in this format: <i>name@example.com</i>?'; $alertmessage = "Making sure you aren't using any parenthesis or other escaping characters in the message? Most URLS are fine though!"; $alert = ''; $pass = 0; function clean_var($variable) { $variable = strip_tags(stripslashes(trim(rtrim($variable)))); return $variable; } if ( empty($_REQUEST['last']) ) { if ( empty($_REQUEST['name']) ) { $pass = 1; $alert .= "<li>" . $emptyname . "</li>"; $alert .= "<script>jQuery(\"#name\").addClass(\"error\");</script>"; } elseif ( ereg( "[][{}()*+?.\\^$|]", $_REQUEST['name'] ) ) { $pass = 1; $alert .= "<li>" . $alertname . "</li>"; } if ( empty($_REQUEST['email']) ) { $pass = 1; $alert .= "<li>" . $emptyemail . "</li>"; $alert .= "<script>jQuery(\"#email\").addClass(\"error\");</script>"; } elseif ( !eregi("^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$", $_REQUEST['email']) ) { $pass = 1; $alert .= "<li>" . $alertemail . "</li>"; } if ( empty($_REQUEST['message']) ) { $pass = 1; $alert .= "<li>" . $emptymessage . "</li>"; $alert .= "<script>jQuery(\"#message\").addClass(\"error\");</script>"; } elseif ( ereg( "[][{}()*+\\^$|]", $_REQUEST['message'] ) ) { $pass = 1; $alert .= "<li>" . $alertmessage . "</li>"; } if ( $pass==1 ) { echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\"); </script>"; echo "<script>$(\".alert\").addClass('alert-block alert-error').removeClass('alert-success'); </script>"; echo $errormessage; echo $alert; } elseif (isset($_REQUEST['message'])) { $message = "From: " . clean_var($_REQUEST['name']) . "\n"; $message .= "Email: " . clean_var($_REQUEST['email']) . "\n"; $message .= "Message: \n" . clean_var($_REQUEST['message']); $header = 'From:'. clean_var($_REQUEST['email']); mail($sendto, $subject, $message, $header); echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\");$('#contactForm')[0].reset();</script>"; echo "<script>$(\".alert\").addClass('alert-block alert-success').removeClass('alert-error'); </script>"; echo $thanks; echo "<script>jQuery(\"#name\").removeClass(\"error\");jQuery(\"#email\").removeClass(\"error\");jQuery(\"#message\").removeClass(\"error\");</script>"; die(); echo "<br/><br/>" . $message; } } else { echo "<script>$(\".message\").toggle();$(\".message\").toggle().hide(\"slow\").show(\"slow\"); </script>"; echo $honeypot; } ?> Where is the HTML to go with the PHP code? Is that the code you said you removed in your previous post? If it is then you should add it back in because this PHP code needs a from to go along with it. Oh wait, I'm confused. Are you trying to make this contact form work or do you just have a position problem? Thanks Charles what happened was the original code and contact form came with the template I have used. I had no idea how to set it up so I tried the foxyform which did work but it messed with my positioning etc so I have now gone back to the original contact form which has a sendmail.php file which i know I ned to change or add info but I have no idea what. Here is the html from my website as it originally was and is now for this contact form I am trying to configure as above. <!--start contact--> <section id="contact"> <div class="container"> <div class="row divide"> <div class="span8"> <div class="row"> <form action="js/sendmail.php" method="post" id="contactForm"> <div class="span4"> <label>Name:</label> <input type="text" name="name" value="" id="name" class="span4"/> </div> <div class="span4"> <label>Email:</label> <input type="text" name="email" value="" id="email" class="span4"/> </div> <span class="honeypot"> <label>Honeypot:</label> <input type="text" name="last" value="" id="last"/> </span> <div class="span8"> <label>Message:</label> <textarea rows="6" name="message" class="span8"></textarea> </div> <div class="span8"> <div class="message"><div class="alert"></div></div> <input type="submit" value="Send" class="m-btn blue"/> </div> </form> |
mark dee |
Jan 9 2014, 02:55 AM
Post
#11
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
As it is now it looks great perfect but does not work when I enter info to send email nothing happens?, I have entered my email address but I think I also need to add something in the function area of the php file but I amlost right now. Really appreciate the help and also a question?, if it is not too much bother how do I set this up as my own email server as there seems to be provisions there for me to do that. So instead of email going to say markus@gmail.com it could be something like mark@docksidepainting.com |
CharlesEF |
Jan 9 2014, 04:33 AM
Post
#12
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
As it is now it looks great perfect but does not work when I enter info to send email nothing happens?, I have entered my email address but I think I also need to add something in the function area of the php file but I amlost right now. Really appreciate the help and also a question?, if it is not too much bother how do I set this up as my own email server as there seems to be provisions there for me to do that. So instead of email going to say markus@gmail.com it could be something like mark@docksidepainting.com sendmail.php ( 4.28k ) Number of downloads: 675 This post has been edited by CharlesEF: Jan 9 2014, 04:33 AM |
pandy |
Jan 9 2014, 11:17 AM
Post
#13
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Seems to work perfectly, emails are coming through no problem. But if JavaScript is not available they won't even see the contact form. Post that PHP script in the server side scripting forum. It's greater chance someone who knows their way around PHP will see it there. I could move your post, but that gets so messy. Better you post it again. |
CharlesEF |
Jan 9 2014, 08:23 PM
Post
#14
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I used the sendmail.php file to send you an e-mail. Did you get it?
|
mark dee |
Jan 10 2014, 01:51 AM
Post
#15
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
I used the sendmail.php file to send you an e-mail. Did you get it? No didnt get it, I also tried swapping the sendmail.php over but still the same, nothing at all when I try and send email. Might just try another type of form and mess around with it hopefully it will not be too difficult. Thanks again |
mark dee |
Jan 10 2014, 01:52 AM
Post
#16
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
Seems to work perfectly, emails are coming through no problem. But if JavaScript is not available they won't even see the contact form. Post that PHP script in the server side scripting forum. It's greater chance someone who knows their way around PHP will see it there. I could move your post, but that gets so messy. Better you post it again. Will give that a try now, thanks!. |
CharlesEF |
Jan 10 2014, 02:03 AM
Post
#17
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I used the sendmail.php file to send you an e-mail. Did you get it? No didnt get it, I also tried swapping the sendmail.php over but still the same, nothing at all when I try and send email. Might just try another type of form and mess around with it hopefully it will not be too difficult. Thanks again Well, that is strange because when I use it to send myself an e-mail I get it. I sent the message to mark@docksidepainting.com This post has been edited by CharlesEF: Jan 10 2014, 02:04 AM |
mark dee |
Jan 10 2014, 03:23 AM
Post
#18
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
I used the sendmail.php file to send you an e-mail. Did you get it? No didnt get it, I also tried swapping the sendmail.php over but still the same, nothing at all when I try and send email. Might just try another type of form and mess around with it hopefully it will not be too difficult. Thanks again Well, that is strange because when I use it to send myself an e-mail I get it. I sent the message to mark@docksidepainting.com Thanks for all your help Charles, so now I have gone back to the foxy form and it is all working and lining up ok but not perfect. But now that you have said it worked in the original format I will go back and give that another go as that contact form looks better on the page. mark@docksidepainting.com was an example I gave which is what I would like to use if I can get this original contact form up and running. I`ll let you both know how I go I will give it another go tonight as you suggested. |
CharlesEF |
Jan 10 2014, 03:55 AM
Post
#19
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Don't get me wrong, the PHP script could use improvement but hey, I have to leave you some homework.
The sendmail.php file is self contained, the form does not look to good, most likely because I don't have some css file you use. If you are going to add parts to another page then you will have to modify the form action to reflect the new page name. This post has been edited by CharlesEF: Jan 10 2014, 03:59 AM |
mark dee |
Jan 10 2014, 04:06 AM
Post
#20
|
Novice Group: Members Posts: 20 Joined: 8-January 14 Member No.: 20,193 |
Don't get me wrong, the PHP script could use improvement but hey, I have to leave you some homework. The sendmail.php file is self contained, the form does not look to good, most likely because I don't have some css file you use. If you are going to add parts to another page then you will have to modify the form action to reflect the new page name. Ok tried again with the original contact form and still a no go. Two questions which hopefully will tell me where I am going wrong.............. when I add my email to the third line of the sendmail.php file is that all I need to do with that file?. Secondly do I need to add any info like this same email address to the actual html of the page, or any other info?, I mean apart from what is already there for the contact form html?. By any other info I mean my email address or some server information etc?. |
Lo-Fi Version | Time is now: 19th April 2024 - 07:18 AM |