Solved

How do I use reCAPTCHA in this web page?

Posted on 2008-06-09
1
514 Views
Last Modified: 2012-05-05
I want to add reCAPTCHA to the attached web page. What do I need to modify of the code located at http://recaptcha.net/plugins/php/ 

Also, where should I insert it in HTML?
<html>
        <head>
                <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                <meta name="generator" content="GoLive CyberStudio"><title>Welcome to [CLIENT DOMAIN].com...On becoming and being a good parent</title><meta name="keyword" content="adolescence, adoption, advice, attention deficit hyper activity disorder, behavior techniques, blended family, child, child behavior, child psychologist, child psychology, childhood anxiety, childhood depression, coaching, coping skills,  drop-out, emotional development, homework, identity development, licensed psychologist,  parenthood, parenting, parenting strategies, parenting tips, parents, school failure, single parents, strategies, teenagers, workshops and seminars">
                <meta name="description" content="On becoming and being a good parent. To be a parent is not only to be the mother or father of your child or children; a parent must also be a student of society and continuously evaluate society's impact on the family. [CLIENT DOMAIN] can help you in your quest to become a better parent.">
<meta name="robots" content="all">
<meta name="revisit-after" content="30 days">
<link rel="stylesheet" href="ps.css" type="text/css">
                <script language="JavaScript"><!-- Hide from old browsers
function preloadImages()
                        {
                        preloadOffImages('../pix/pixel.gif','../pix/b1.jpg', '../pix/b2.jpg','../pix/b3.jpg','../pix/b4.jpg','../pix/b5.jpg','../pix/b60.jpg');                  
                        preloadOnImages('../pix/pixel.gif','../pix/b10.jpg', '../pix/b20.jpg','../pix/b30.jpg','../pix/b40.jpg','../pix/b50.jpg','../pix/b60.jpg'); 
                        }
                        
                function preloadOffImages() 
                        {
                                if (document.images) 
                                {
                        if (typeof(document.off) == 'undefined'){ document.off = new Object();}
                                }
                        document.off.images = new Array();                              var argLength = preloadOffImages.arguments.length;
    
                                for(arg=0;arg < argLength;arg++) 
                                {
                                document.off.images[arg] = new Image();
                                document.off.images[arg].src = preloadOffImages.arguments[arg];
                                } 
                                        }               function preloadOnImages() 
                        {
                        if (document.images) 
                                {
                        if (typeof(document.on) == 'undefined'){ document.on = new Object();}
                                }
                                document.on.images = new Array();                                       var argLength = preloadOnImages.arguments.length;
    
                                for(arg=0;arg < argLength;arg++) 
                                {
                                document.on.images[arg] = new Image();
                                document.on.images[arg].src = preloadOnImages.arguments[arg];
                                } 
                                        }
                                        
                                        
                                        function rollout(n)
                                        {
                                        if(n==1)        { document.B1.src=document.off.images[1].src;}
                                        if(n==2)        { document.B2.src=document.off.images[2].src;}
                                        if(n==3)        { document.B3.src=document.off.images[3].src;}
                                        if(n==4)        { document.B4.src=document.off.images[4].src;}
                                        if(n==5)        { document.B5.src=document.off.images[5].src;}
                                        if(n==6)        { document.B6.src=document.off.images[6].src;}
                                        if(n==7)        { document.B7.src=document.off.images[7].src;}
                                        if(n==8)        { document.B8.src=document.off.images[8].src;}
                                        }
                                        function rollover(n)
                                        {
                                        if(n==1)        { document.B1.src=document.on.images[1].src;}
                                        if(n==2)        { document.B2.src=document.on.images[2].src;}
                                        if(n==3)        { document.B3.src=document.on.images[3].src;}
                                        if(n==4)        { document.B4.src=document.on.images[4].src;}
                                        if(n==5)        { document.B5.src=document.on.images[5].src;}
                                        if(n==6)        { document.B6.src=document.on.images[6].src;}
                                        if(n==7)        { document.B7.src=document.on.images[7].src;}
                                        if(n==8)        { document.b8.src=document.on.images[8].src;}
                                        }
// Stop hiding from old browsers -->
</script>
        
        </head>
        <body bgcolor="#ffffff" link="#336699" alink="#003366" vlink="#336666">
                <center>
                        <p><table border="0" cellpadding="0" cellspacing="0" width="630" height="100%">                         <tr>
                                        <td align="middle" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="210">                                          <tr>
                                                        <td><img height="40" src="../pix/ps-banner-top.jpg" width="630" align="top" border="0"></td>
                                                </tr>
                                        </table>
                                        <img height="75" src="/banners/left_border.gif" width="5" align="top" border="0"><img height="75" src="/banners/BAREFOOTDR.jpg" width="611" align="top" border="0"><img height="75" src="/banners/right_border.gif" width="14" align="top" border="0"><table border="0" cellpadding="0" cellspacing="0" width="629" height="367">                                               <tr height="51">
                                                        <td width="115" align="middle" valign="top" height="51" background="../pix/menu-bk.jpg"><img height="51" src="../pix/nav-left.jpg" width="115" align="top"></td>
                                                        <td width="315" valign="top" align="middle" height="51"><img height="51" src="../pix/nav-bar.jpg" width="315" align="top"></td>
                                                        <td align="left" valign="top" height="51" colspan="3"><font color="#ffffff"><img height="51" src="../pix/nav-right.jpg" width="200" align="top"></font></td>
                                                </tr>                                           <tr>
                                                        <td width="115" align="left" valign="top" background="../pix/menu-bk.jpg"><a onmouseover="rollover(1);" onmouseout="rollout(1);" href="welcome.shtml"><img height="30" src="../pix/b1.jpg" width="115" align="top" border="0" name="B1"></a><a onmouseover="rollover(2);" onmouseout="rollout(2);" href="newsletter.shtml"><img height="30" src="../pix/b2.jpg" width="115" align="top" border="0" name="B2"></a><a onmouseover="rollover(3);" onmouseout="rollout(3);" href="library.shtml"><img height="30" src="../pix/b3.jpg" width="115" align="top" border="0" name="B3"></a><a onmouseover="rollover(4);" onmouseout="rollout(4);" href="updates.shtml"><img height="30" src="../pix/b4.jpg" width="115" align="top" border="0" name="B4"></a><a onmouseover="rollover(5);" onmouseout="rollout(5);" href="bio.shtml"><img height="30" src="../pix/b5.jpg" width="115" align="top" border="0" name="B5"></a><a onmouseover="rollover(6);" onmouseout="rollout(6);" href="contact.shtml"><img height="30" src="../pix/b60.jpg" width="115" align="top" border="0" name="B6"></a></td>
                                                        <td width="315" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="304">                                                                <tr>
                                                                        <td width="304">
                                                                        <center><table border="0" cellpadding="2" cellspacing="0" width="300" height="316">                                                                                     <tr>
                                                                                                <td align="left" valign="top" width="315">
                                                                                                <p><font size="2">I am interested in your comments, questions, and ideas. <br>
Please 
                        email me at: <img style="Z-INDEX: 100; POSITION: absolute" height="15" alt="" src="http://www.[CLIENT XYZ]/pix/smalleremailgraphicv2.jpg" width="143" border="0">                                                 Become part of [CLIENT DATA]!</font>
<p><b><font size="2">Free quarterly email newsletter:</font></b><font size="2"><br>
You can also use the form below to start receiving my <b>free</b> quarterly email newsletter. The WINTER 2008[CLIENT DOMAIN] Newsletter is titled <b>THOUGHTS ON DEATH AND DYING, PARENTS AND CHILDREN</b>.  Please provide me with your email address and indicate in the comment area
that you'd like to receive my newsletter or any previous newsletter you would be interested in reading. I would also appreciate finding out how you heard about [CLIENT XYZ]. That's all there is to it! Thanks for visiting [CLIENT XYZ].</font><br></p>
<p><b><img style="Z-INDEX: 100; POSITION: absolute" height="18" alt="" src="http://www.[CLIENT XYZ]/pix/largeremailgraphic.jpg" width="209" border="0"><br> </b></p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td width="315"><form name="MAILMAN" action="http://www.[CLIENT XYZ]/cgi-bin/ps/smail.cgi" method="post">
                                                                                                <input type="hidden" name="to" size="21" value="ragpsyd@aol.com"></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td bgcolor="#006699" width="315"><b><font color="#ffffff">Your E-Mail Address:</font></b></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td width="315"><input name="from" size="25"></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td bgcolor="#006699" width="315"><b><font color="#ffffff">Subject of E-Mail:</font></b></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td width="315"><input name="subject" size="31"></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td bgcolor="#006699" width="315"><b><font color="#ffffff">Comments:</font></b></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td width="315"><textarea name="contents" rows="10" cols="35" value=""></textarea></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td align="middle" width="315"><b><i><font color="#000000">THANK YOU </font></i><font color="#000000"><br>
                                                                                                </font></b><font color="#000000">[PRIVATE CLIENT INFO] A. [PRIVATE CLIENT INFO], Psy.D.</font></td>
                                                                                        </tr>                                                                                   <tr>
                                                                                                <td align="middle" width="315"><input type="reset" value="Clear form"><input type="submit" value="Send e-mail"></td>
                                                                                        </tr>
                                                                                </table>
                                                                        
                                                                        </center></td>
                                                                </tr>
                                                                
                                                                                        <tr>
                                                                                                <td align="left" valign="top" width="315">
                                                                                                <p></p>
</td>
                                                                                        </tr>                                                   </table>
                                                        </td>
                                                        <td width="12" align="middle" valign="top" background="../pix/left-bk.jpg"><img height="10" src="../pix/pixel.gif" width="12" align="top"></td>
                                                        <td bgcolor="#217594" align="left" valign="top" width="178"><img height="3" src="../pix/pixel.gif" width="178" align="top"><wbr><p><b><center><font size="3"><table border="5" bordercolor="#f5f5f5">
              
              <tr><th bgcolor="#ffe4e1"><big>TEN</big><br>BUILDING BLOCKS<br>
TO HELP CREATE<br>
SELF-CONFIDENCE<br>
IN CHILDREN<br>
<img height="150" src="/kidpix/202_thumb.jpg" width="120">
<br>
</th></tr></table></font></center>
<p><b><font size="2"><ol><li> BE AVAILABLE
<li>GIVE GENUINE PRAISE
<li>BE A ROLE MODEL
<li>TEACH RESPONSIBILITY
<li>TREAT IDEAS AND EMOTIONS SERIOUSLY
<li>HAVE CLEAR LIMITS AND EXPECTATIONS
<li>OPENLY DISCUSS VALUES AND ALLOW FOR DIFFERENCES
<li>TEACH TOLERANCE
<li>CREATE TIMES TO BE WITH ONE ANOTHER
<li>CHALLENGE THEIR STRENGTHS AND TEACH 
              ACCEPTANCE OF THEIR FAILURES(WORK AT IT!!!)</li>          </ol>
<p><font size="4"><i><b>LISTEN TO THEIR WORDS AND LISTEN TO THEIR HEARTS. </p></b></i></font></font></b></b>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
                                                        </td>
                                                        <td width="10" align="middle" valign="top" background="../pix/right-bk.jpg"><img height="10" src="../pix/pixel.gif" width="10" align="top"></td>
                                                </tr>                                           <tr>
                                                        <td width="115" align="left" valign="top"><img height="40" src="../pix/left-bottom.jpg" width="110" align="top"></td>
                                                        <td width="315"></td>
                                                        <td align="middle" valign="top" colspan="3">
                                                        <p><img height="40" src="../pix/bot-right.jpg" width="200" align="top"> 
                                                        <p><p><font size="1">Copyright 2002 © [CLIENT XYZ]<br>All rights reserved worldwide<br><a href="http://www.[DESIGN XYZ]/webdesigns/">[DESIGN XYZ]/  webdesigns</a></font></p>
                                                         </td>
                                                </tr>
                                        </table>
                                        </td>
                                </tr>
                        </table>
                
                </center>
                <p>
                <script language="JavaScript"><!-- Hide from old browsers
preloadImages();
// Stop hiding from old browsers -->
</script>
 </form></p>
        </body>
</html>

Open in new window

0
Comment
Question by:nicholasjwolf
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 21749521
1. make the page an php page and get the keys needed from recaptcha
2. insert the php calls in the top:

<?php

require_once('recaptchalib.php');
$publickey = "...";
$privatekey = "...";

# the response from reCAPTCHA
$resp = null;
# the error code from reCAPTCHA, if any
$error = null;
?>

<form .......

3. change
<input type="submit" value="Send e-mail">
to

<?

# are we submitting the page?
if ($_POST["submit"]) {
  $resp = recaptcha_check_answer ($privatekey,
                                  $_SERVER["REMOTE_ADDR"],
                                  $_POST["recaptcha_challenge_field"],
                                  $_POST["recaptcha_response_field"]);

  if ($resp->is_valid) {


#     Here you can copy the code from http://www.[CLIENT XYZ]/cgi-bin/ps/smail.cgi


  } else {
    # set the error code so that we can display it. You could also use
    # die ("reCAPTCHA failed"), but using the error message is
    # more user friendly
    $error = $resp->error;
    echo "<div style=\"color:red\">". $errror."</div>";
  }
}

echo recaptcha_get_html($publickey, $error);
?>
    <input type="submit" value="Send e-mail">

0

Featured Post

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to implement server side field validation and display customized error messages to the client.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question