ideadapt/Captcheck
1
0
Fork 0
forked from nikkilocke/Captcheck
Code Issues Pull Requests Projects Releases Wiki Activity

Make sure question text is black, improve test sample

Browse Source
This commit is contained in:
Skylar Ittner 2017-06-09 17:21:46 -06:00
parent f0101aaea2
commit 70c45d24f7
3 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
captcheck.js
View File

@ -1,5 +1,5 @@
window.onload = function () { window.onload = function () {
var api_url = "http://192.168.25.1/captcheck/api.php"; var api_url = "https://captcheck.netsyms.com/api.php";
var getJSON = function (url, callback) { var getJSON = function (url, callback) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open('GET', url, true); xhr.open('GET', url, true);
@ -13,7 +13,7 @@ window.onload = function () {
getJSON(api_url + "?action=new", function (status, json) { getJSON(api_url + "?action=new", function (status, json) {
/* Add custom styles */ /* Add custom styles */
var styles = document.createElement('style'); var styles = document.createElement('style');
styles.innerHTML = ".captcheck_box {font-family: Ubuntu, Arial, sans-serif; border: 1px solid #e0e0e0; border-radius: 3px; display: inline-block; padding: 3px; margin: 5px 2px 5px 1px; background-color: #f5f5f5;} .captcheck_answer_label > input {visibility: hidden; position: absolute;} .captcheck_answer_label > input + img {cursor: pointer; border: 2px solid transparent; border-radius: 3px; min-width: 32px; width: 18%; max-width: 64px;} .captcheck_answer_label > input:checked + img {cursor: pointer; border: 2px solid #424242; border-radius: 3px;} .captcheck_error_message { color: red; }"; styles.innerHTML = ".captcheck_box {font-family: Ubuntu, Arial, sans-serif; color: black; border: 1px solid #e0e0e0; border-radius: 3px; display: inline-block; padding: 3px; margin: 5px 2px 5px 1px; background-color: #f5f5f5;} .captcheck_label_message {color: black;} .captcheck_answer_label > input {visibility: hidden; position: absolute;} .captcheck_answer_label > input + img {cursor: pointer; border: 2px solid transparent; border-radius: 3px; min-width: 32px; width: 18%; max-width: 64px;} .captcheck_answer_label > input:checked + img {cursor: pointer; border: 2px solid #424242; border-radius: 3px;} .captcheck_error_message {color: red;}";
document.body.appendChild(styles); document.body.appendChild(styles);
/* Get captcha container div */ /* Get captcha container div */
@ -35,6 +35,7 @@ window.onload = function () {
answer_div.innerHTML = answers; answer_div.innerHTML = answers;
/* Create question */ /* Create question */
var question_div = document.createElement("div"); var question_div = document.createElement("div");
question_div.setAttribute("class", "captcheck_label_message");
question_div.innerHTML = "Click on the <b>" + data.question + "</b>:"; question_div.innerHTML = "Click on the <b>" + data.question + "</b>:";
/* Add question and answers */ /* Add question and answers */

6
test.html
View File

@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Captcheck Test Page</title> <title>Captcheck Sample Form</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="captcheck.js"></script> <script src="captcheck.js"></script>
</head> </head>
<body> <body>
<form action="test.php" method="GET"> <form action="submit.php" method="POST">
<input type="text" name="junk" placeholder="Junk" /> <input type="text" name="form_field" placeholder="Some random form field" />
<div id="captcheck_container"> <div id="captcheck_container">
</div> </div>
<button type="submit">Submit Form</button> <button type="submit">Submit Form</button>

27
test.php
View File

@ -1,6 +1,29 @@
<?php <?php
//header("Content-Type: application/json");
header("Content-Type: text/plain"); header("Content-Type: text/plain");
echo json_encode(["get" => $_GET, "api" => json_decode(file_get_contents("http://localhost/captcheck/api.php?action=verify&session_id=" . $_GET["captcheck_session_code"] . "&answer_id=".$_GET["captcheck_selected_answer"]), true)]); var_dump($_POST);
$url = 'https://captcheck.netsyms.com/api.php';
$data = [
'session_id' => $_POST['captcheck_session_code'],
'answer_id' => $_POST['captcheck_selected_answer'],
'action' => "verify"
];
$options = [
'http' => [
'header' => "Content-type: application/x-www-form-urlencoded\r\n",
'method' => 'POST',
'content' => http_build_query($data)
]
];
$context = stream_context_create($options);
$result = file_get_contents($url, false, $context);
$resp = json_decode($result, TRUE);
if (!$resp['result']) {
exit("\n\nCAPTCHA did not verify:" . $resp['msg']);
} else {
exit("\n\nCAPTCHA verified!");
}