jerseydudek
Members
-
Joined
-
Last visited
Everything posted by jerseydudek
-
Hi, I'm trying to build a layout which consists of one parent row with 3 child divs within it. The 3 child divs have a different image which I need to fit as a background image and they need to be responsive also. So on the child divs I set the over flow to Visible. And the same Visible overflow on the parent div. As you will see, the background images don't scale responsive as you reduce the size of the browser window - until they hit the media query. And the overflow for the parent div (with the yellow border) doesn't seem to be scaling in height to hold the child divs. Here's the code I'm using: <!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta http-equiv=X-UA-Compatible content="IE=edge"> <meta name=viewport content="width=device-width, initial-scale=1"> <title>Row problem</title> <link rel="shortcut icon" href="img/favicon.ico"/> <style media=screen type=text/css>html{height:100%;color:#37474f;padding:0;margin:0;font:400 15px/1.8 "Lato",sans-serif;color:#777} .parentrow{ position:relative; background-color: rgba(255, 255, 255,0.7); background: rgba(255, 255, 255,0.7); width:95%; min-height:120px; overflow: visible; padding:0 8px 0 8px; border:2px solid blue; margin: 20px auto 20px auto; text-align: center; border: 3px solid yellow; } .image1 { position:relative; float: left; width: 32%; min-height:334px; background: url("img/image1.jpg") no-repeat; background-size:cover; background-position:center; overflow: visible; margin: 0; border: 3px solid green; } .image2 { position:relative; float: left; width: 32%; min-height:334px; background: url("img/image2.jpg") no-repeat; background-size:cover; background-position:center; overflow: visible; margin: 0; border: 3px solid orange; } .image3 { position:relative; float: left; width: 32%; min-height:334px; background: url("img/image3.jpg") no-repeat; background-size:cover; background-position:center; overflow: visible; margin: 0; border: 3px solid red; } @media only screen and (max-width : 700px) { .image1 { position:relative; width: 100%; } .image2 { position:relative; width: 100%; } .image3 { position:relative; width: 100%; } } </style> </head> <body> <div class=parentrow> <div class="image1"> </div> <div class="image2"> </div> <div class="image3"> </div> </div> </body> </html> I've attached 3 demo images if that helps. Any advice really appreciated. Thanks
-
-
Hi, I'm building an order form which gives the user a price for a product when they select a quantity. I've got the form built but unclear about how to get the price for each quantity to appear in the price box. This is where I'm at so far (obviously very early stage of sites development): http://fuzztree.co.uk/development.html The attached image shows what I"m trying to achieve. Many thanks for any advice.
-
-
Hi, I've got a form which works fine in one div. I'm trying to put it in to two divs side by side but it doesn't submit when I do that. Were am I going wrong please. Here's the code I'm using if it helps: I've created two divs which float side by side - formdivleft, formdivright. They're both in a parent div . <div class="formdivleft" > <h2 align="center">Request a quote</h2> <fieldset> <legend>We will respond shortly to confirm your booking.</legend> <p> <form action="formdev.php" method="POST"> <input type="text" class="text" value="" placeholder="Your Name" required="" name="name" > <input type="text" class="text" value="" placeholder="Email Address" required="" name="email" > <input type="text" class="text" value="" placeholder="Telephone Number" required="" name="telephone" > <input type="text" class="text" value="" placeholder="Pick Up Point" required="" name="journeystart" > <input type="text" class="text" value="" placeholder="Destination" required="" name="journeydestination" > <label for="Howmany">Number of people travelling</label> <p> <select value="" placeholder="How Many Travelling" required="" name="howmany" > <option value="One Person">One Person</option> <option value="Two-five">Two-five</option> <option value="Six-Twelve">Six-Twelve</option> <option value="Two Vehicles or more">Two Vehicles or more</option> </select> </p> </div> <div class="formdivright" > <p> <p> <label for="date">Date of Journey</label> </p> <p> <select value="" placeholder="What Month" required="" name="month" > <option value="January">January</option> <option value="February">February</option> <option value="March">March</option> <option value="April">April</option> <option value="May">May</option> <option value="June">June</option> <option value="July">July</option> <option value="August">August</option> <option value="September">September</option> <option value="October">October</option> <option value="November">November</option> <option value="December">December</option> </select> <select value="" placeholder="What Day" required="" name="day" > <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </p> <p><textarea type="text" placeholder="Further Information" required="" name="message"></textarea></p> <p><input type="submit" name="submit" value="SUBMIT"></p> </fieldset> </form> </div> </div> .formdivleft { float: left; width: 46%; min-height: 450px; color: #000; margin: 2% 2% 0% 2%; padding: 18px; border: 1px solid #000; } .formdivright { float: left; clear:right; width: 46%; min-height: 450px; color: #000; margin: 2% 0% 2% 2%; padding: 18px; text-align: center; border: 1px solid #000; } Hope that's clear. Thanks
-
Hi webdesigner93, I'm beginning to believe that I'm being extremely naive and over optimistic. Taking on board what you're all saying perhaps I could just publish it on my site to help drive traffic to the site (bonus) with a donate button and perhaps an ad - using adsense or something? Do many people donate and would a google ad generate any income? Does this sound like the most viable way forward. Thanks for your input.
-
Hi and thanks for replying. I completely understand your point about contributing to the open source community. I've benefitted from that myself so I can see the ethics of sharing back. Thing is, I've seen comparable tools online and app stores and without meaning to sound big-headed, what I've done is better. People are charging for a similar app/tool. So would it be unethical for me to do the same? There are many brilliant tools online. But what I've done is built for a targeted, specific clientele who can afford to cough up something - they charge a shocking rate for their services so y'know . . . . it seems fair enough to me. I've seen enough similar situations where a user has to set up an account & pay before using an online service. Or am I just dreaming? Thanks for your feedback..
-
Hi, I'm developing a tool that may be useful for some engineers to use. It works well within a browser and I'm confident it will be useful to enough people. Thing is, it's taken me 6 weeks to develop (in my own time) and I would like to get some payback for that. So I need a way of people paying before they have full access to the tool. The tool can be on any internal page or located somewhere secure on the server away from the root directory. I've done e-commerce using Shopify but I don't think that will work for this. Can someone please point me in the right direction please. Thanks.
-
-
-
-
Hi, I've got everything about this form working except if the message is not sent the user isn't diverted to the "message not sent" page. Everything works fine if the user completes the form properly - the message is sent and received and the user is diverted to the "message sent" confirmation page. So I'm doing something wrong with the else part of the message verification. Can anyone see what I'm doing wrong please? <?php if(isset($_POST['submit'])): if(isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response'])): //your site secret key $secret = 'Secret key goes here'; //get verify response data $verifyResponse = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret.'&response='.$_POST['g-recaptcha-response']); $responseData = json_decode($verifyResponse); $name = !empty($_POST['name'])?$_POST['name']:''; $email = !empty($_POST['email'])?$_POST['email']:''; $message = !empty($_POST['message'])?$_POST['message']:''; if($responseData->success): //contact form submission code $to = 'me@myplace.com'; $subject = 'Website Enquiry'; $htmlContent = " <h1>Website Booking Request</h1> <p><b>Name: </b>".$name."</p> <p><b>Email: </b>".$email."</p> <p><b>Message: </b>".$message."</p> "; // Always set content-type when sending HTML email $headers = "MIME-Version: 1.0" . "\r\n"; $headers .= "Content-type:text/html;charset=UTF-8" . "\r\n"; // More headers $headers .= 'From:'.$name.' <'.$email.'>' . "\r\n"; //send email @mail($to,$subject,$htmlContent,$headers); print "<meta http-equiv=\"refresh\" content=\"0;URL=messagesent.html\">"; $name = ''; $email = ''; $message = ''; else: print " <meta http-equiv=\"refresh\" content=\"0;URL=messagenotsent.html\">"; ?>
-
Even if you try clicking on the Go to Google Forms link it sends you right back to where you've come from. I'm really curious to know what your experience has been with this RickN???
-
OK, so I select the "sign upbutton for the Invisible Capture then get "This form is no longer accepting responses. Please go to https://g.co/recaptcha/invisiblesignup instead. Thanks." WTF!!!!! Why even leave the page there if it doesn't lead to where it's supposed to!!! It just amazes me. This is Google right!!??? So it provides ANOTHER link which I selected and guess what, it sends me right back to where I've just come from. I'm not making this up, try it and see. I just can't believe Google is being so shoddy!!! So there's another few minutes wasted.
-
No, have you? I'm still wasting tons of time working through the "numerous" methods that are described on Youtube and in various forums . . . . none of which so far have worked for me. Just did a quick search for the Invisible Captcha and it seems it's still under development ie not fully released: see this "Coming Soon" page . . . https://www.google.com/recaptcha/intro/comingsoon/invisible.html But if you've managed to set it up I'd love to see it. It's definitely where we should be in the future. Thanks anyway.
-
You would think that would be the answer. I followed your link. Worked through it step by step, didn't miss a thing. First problem: To download the recaptchalib.php file I followed the link in these instructions. That file doesn't exist!! recaptchalib_1.1.php does though . . . but it's deprecated. So is it worth working with??? I've found several tutorials on Youtube on how to do this in "3 simple steps". Interestingly, each tutorial describes a different method. I would of expected Google to provide a comprehensive, standardised method of setting this up. The server side verification is not documented enough in my honest opinion . . . well not enough for people like myself who are not PHP gurus. Surely it's in everyone's interest to have this captcha implemented as much as possible. So why can't Google provide documentation that makes the set up user friendly and easy to use? Frustrating doesn't describe it!!!
-
I've tried adding this and it isn't working. Either the code itself is wrong or I've got it in the wrong place . . . or both!!? if(isset($_POST['submit'])){ $to = "me@myplace.com"; // this is your Email address $from = $_POST['me@myplace.com']; // this is the sender's Email address
-
Hi, I've got the Google Recaptcha working server side using the following code - this verifies the Captcha has been ticked sending the user to a "not Sent" page or a "message sent confirmation page" But I'm not sure where to add the email address I want the message to go to (and the email from and subject info). Can someone please advise where I should put that pls: Here's what I've got: <?php $email;$comment;$captcha; if(isset($_POST['email'])){ $email=$_POST['email']; }if(isset($_POST['comment'])){ $email=$_POST['comment']; }if(isset($_POST['g-recaptcha-response'])){ $captcha=$_POST['g-recaptcha-response']; } if(!$captcha){ print "<meta http-equiv=\"refresh\" content=\"0;URL=messagenotsent.html\">"; } $secretKey = "mysecretkey"; $ip = $_SERVER['REMOTE_ADDR']; $response=file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secretKey."&response=".$captcha."&remoteip=".$ip); $responseKeys = json_decode($response,true); if(intval($responseKeys["success"]) !== 1) { echo '<h2>Form submitted without verification.</h2>'; } else { print "<meta http-equiv=\"refresh\" content=\"0;URL=messagesent.html\">"; } ?> Thanks for any advice.
-
Hi, I'm trying to set up a Google Recaptcha on a form I've already set up. It works fine in every other way, I just can't get the Recaptcha to verify server side. Following Googles guidelines (at https://www.google.com/recaptcha/admin#list) I've got the first part set up no problem. But the server side part is undocumented in Google's guidelines it seems. I'm not sure what to do with the form submission php file at all and there's not much help from Google. So can someone please advise what I need to add to the php file please. I've put the html and php for the form below to show where I'm at. As I said above, I've got the Recaptcha working on the HTML side. It's the server side part I'm struggling with. This is where I'm at: The HTML form with the capture front end set up: <form method="post" action="contact.php"> <h2 align="center"> QUOTE REQUEST FORM</h2> <fieldset> <legend>We will respond to all enquiries within 24 hours. </legend> <p><h3>All fields marked with an <span class="asterix">"✱"</span> are required</h3></p> <p> <label for="name"><span class="asterix">✱</span>Name</label> <input name="Name" type="text" required/> </p> <p> <label for="emailaddress"><span class="asterix">✱</span>Email Address</label> <input name="Emailaddress" type="text" required/> </p> <p> <label for="telephone"><span class="asterix">✱</span>Telephone</label> <input name="Telephone" type="text" required/> </p> <p> <label for="enquiry" >Please enter any further details</label> <textarea name="Enquiry" type="text" required/></textarea> </p> <p> <div class="g-recaptcha" data-sitekey="my site key here"></div></p> <p> <input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p> </fieldset> </form> And this is where I need to add the verification code in the php file: <?php $EmailFrom = "me@myplace.com"; $EmailTo = "me@myplace.com"; $Subject = "Quote Request"; $Name = Trim(stripslashes($_POST['Name'])); $Emailaddress = Trim(stripslashes($_POST['Emailaddress'])); $Telephone = Trim(stripslashes($_POST['Telephone'])); $Journeystart = Trim(stripslashes($_POST['Journeystart'])); $Journeydestination = Trim(stripslashes($_POST['Journeydestination'])); $Howmany = Trim(stripslashes($_POST['Howmany'])); $Month = Trim(stripslashes($_POST['Month'])); $Day = Trim(stripslashes($_POST['Day'])); $Enquiry = Trim(stripslashes($_POST['Enquiry'])); // prepare email body text $Body = ""; $Body .= "EmailFrom: "; $Body .= $EmailFrom; $Body .= "\n"; $Body .= "Subject: "; $Body .= $Subject; $Body .= "\n"; $Body .= "Name: "; $Body .= $Name; $Body .= "\n"; $Body .= "Emailaddress: "; $Body .= $Emailaddress; $Body .= "\n"; $Body .= "Telephone: "; $Body .= $Telephone; $Body .= "\n"; $Body .= "Enquiry: "; $Body .= $Enquiry; $Body .= "\n"; // send email $success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>"); // redirect to success page if ($success){ print "<meta http-equiv=\"refresh\" content=\"0;URL=messagesent.html\">"; } else{ print "<meta http-equiv=\"refresh\" content=\"0;URL=messagenotsent.html\">"; function check_input($data) { $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); return $data; } } ?> Any advice really appreciated and I'm sure many people will benefit from it too.
-
Hi, I'm having exactly the same problem!!! Annoying, the first stage of setting the recaptcha up is simple to set up - the documentation is clear. But Google seems to assume everyone is a php guru and the documentation for server side set up is very limited for people like myself. So can anyone please advise what I do with the server side php please: This is where I'm at: The HTML form with the capture front end set up: <form method="post" action="contact.php"> <h2 align="center"> QUOTE REQUEST FORM</h2> <fieldset> <legend>We will respond to all enquiries within 24 hours. </legend> <p><h3>All fields marked with an <span class="asterix">"✱"</span> are required</h3></p> <p> <label for="name"><span class="asterix">✱</span>Name</label> <input name="Name" type="text" required/> </p> <p> <label for="emailaddress"><span class="asterix">✱</span>Email Address</label> <input name="Emailaddress" type="text" required/> </p> <p> <label for="telephone"><span class="asterix">✱</span>Telephone</label> <input name="Telephone" type="text" required/> </p> <p> <label for="enquiry" >Please enter any further details</label> <textarea name="Enquiry" type="text" required/></textarea> </p> <p> <div class="g-recaptcha" data-sitekey="my site key here"></div></p> <p> <input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p> </fieldset> </form> And this is the server side php verification which I've already got sorted - but I'm not sure at all what I need to add to verify the capture. This code just handles the form fields. <?php $EmailFrom = "me@myplace.com"; $EmailTo = "me@myplace.com"; $Subject = "Quote Request"; $Name = Trim(stripslashes($_POST['Name'])); $Emailaddress = Trim(stripslashes($_POST['Emailaddress'])); $Telephone = Trim(stripslashes($_POST['Telephone'])); $Journeystart = Trim(stripslashes($_POST['Journeystart'])); $Journeydestination = Trim(stripslashes($_POST['Journeydestination'])); $Howmany = Trim(stripslashes($_POST['Howmany'])); $Month = Trim(stripslashes($_POST['Month'])); $Day = Trim(stripslashes($_POST['Day'])); $Enquiry = Trim(stripslashes($_POST['Enquiry'])); // prepare email body text $Body = ""; $Body .= "EmailFrom: "; $Body .= $EmailFrom; $Body .= "\n"; $Body .= "Subject: "; $Body .= $Subject; $Body .= "\n"; $Body .= "Name: "; $Body .= $Name; $Body .= "\n"; $Body .= "Emailaddress: "; $Body .= $Emailaddress; $Body .= "\n"; $Body .= "Telephone: "; $Body .= $Telephone; $Body .= "\n"; $Body .= "Enquiry: "; $Body .= $Enquiry; $Body .= "\n"; // send email $success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>"); // redirect to success page if ($success){ print "<meta http-equiv=\"refresh\" content=\"0;URL=messagesent.html\">"; } else{ print "<meta http-equiv=\"refresh\" content=\"0;URL=messagenotsent.html\">"; function check_input($data) { $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); return $data; } } ?> I hope I'm not missing anything obvious on the Google site. It isn't clear to me at all. So if anyone can advise I'm sure it would help many people. I know I'm not alone with this one. Many thanks.
-
-
-
-
Hi and thanks for your reply but unfortunately it doesn't seem to solve the problem. I have used Bootstrap quite a few times but at the moment I'm trying to avoid frameworks like Bootstrap and Wordpress. There's too much extra unnecessary code which slows sites down I find. That's another subject for discussion . . . but not now pls. I'm just going to look closer at the difference between what you suggest and what I already had because I've tried to run it but it doesn't solve the problem. !?
-