Criar página com termos e botão de entrar

tiagopraz
(usa Debian)

Enviado em 23/02/2017 - 12:23h

Olá galera OBS. algumas coisas estão sendo referidas ao Jquery, pois fiz a mesma postagem no forúm Jquery, considerem JS no lugar de Jquery.

Seguinte....
Criei um servidor com pfsense aqui em casa e personalizei a página do portal captivo para fins de estudo e coisas do cotidiano como exibir contas e tarefas domésticas por pessoas. A senha de login das pessoas de casa é sempre o valor de uma conta em aberto, ou a data de vencimento desta conta ou o nome de uma tarefa doméstica (isso funcionou muito bem em casa kkkkkkk); acontece que não é somente pessoas de casa que tem acesso ao wifi, amigos e parentes fazem utilização quando vem aqui em casa, então é meio chato que pessoas de fora vejam estas informações, então dei um jeito de filtrar isto fazendo com que os dispositivos das pessoas de casa tenham ips fixos e que estas informações apareçam na página somente se o endereço de ip for um destes reservados, desse modo as pessoas de fora acessam a internet utilizando voucher que é exibido na página e estes vouchers não são exibidos nas páginas das pessoa de casa com os ips fixos para forçar a utilizar usuário e senha senão não adiantaria nada rs ; fiz isso usando PHP.

Agora preciso fazer que quando a pessoa clique em entrar seja aberta uma página com algumas considerações e termos e que o acesso seja concedido somente se clicar em aceitar (acredito que "aceitar" precisa ser um botão), não quero colocar estes termos no corpo da página principal pois vai ficar muito poluída de informações.
Quero que estes termos sejam exibidos somente para as pessoas de casa, ou seja, somente os dispositivos que estão com os ips reservados no script php. O problema é que o botão de "ENTRAR" é utilizado tanto pelas pessoas de casa que usam o nome de usuário e a senha e usado pelas pessoas de fora que fazem login usando voucher. Será que em Jquery tem como fazer isso?

Este código usei para o voucher ser copiado quando a pessoa clicar no botão "voucher" (pra pessoa não ter que ficar digitando):
<script>
$(document).ready(function(){
$(".button2").click(function(){
var texto = $(".cod-voucher").text();
var $temp = $("<input>");
$("body").append($temp);
$temp.val(texto).select();
document.execCommand("copy");
$temp.remove();
alert("Cód copiado! Agora cole no campo 'Voucher:' e precione 'ENTRAR'");
});
});
</script>


Estas são as inputs com usuário e senha:

<tr><td class="text-right">Usuário:</td><td><input name="auth_user" type="text" class="campos" style="border: 1px shadow;"></td></tr>
<tr><td class="text-right">Senha:</td><td><input name="auth_pass" type="password" class="campos" style="border: 1px <!--dashed-->shadow;"></td></tr>
<tr><td>&nbsp;</td></tr>

Aqui o campo voucher e o código PHP que impede que o campo voucher seja exibido ao ips reservados (dispositivos de casa):

<td class="text-right">Voucher:</td>

<span class="teste"><?php echo $texto; ?></span>
<td>
<?php
$texto = "VOUCHERS SOMENTE PARA VISITANTES!";
$ip = $_SERVER["REMOTE_ADDR"];
if($ip=="192.168.10.11" or $ip=="192.168.10.12") {echo "<span class=\"teste\";> $texto </span>";}
else { echo "<input name=\"user\" type=\"text\" class=\"campos\" style=\"border:1px shadow;\">"; }
?>
/*(neste código tem mais endereços ips)*/


AQUI o botão "ENTRAR":

<tr>
<tr><td>&nbsp;</td></tr>
<td colspan="2"><center><input name="accept" type="submit" class="accept" value="ENTRAR"></center></td>
</tr>


Gostaria de fazer com que ao clicar em entrar fosse exibida a página com os termos e com um botão "aceitar os termos", e que o acesso fosse liberado de fato somente ao clicar neste botão.