Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fabyo

Termo de Uso

Por , em Javascript

Recommended Posts

Fabyo    66

Fabyo
Postado

O Carlos(Illidan) me ajudou uma vez para criar um script de termo de uso, dai refiz ele usando JQUERY, esse exemplo é aqueles tipo de contrato onde o usuario marca o checkbox dizendo que aceita as condições e só depois ele pode continuar

 

no exemplo só depois que o usuario descer todo scroll que ele pode marcar o checkbox

 

ai vai o exemplo:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<title>Termos de Uso</title>
<meta name="language" content="pt-br" />
<meta name="resource-type" content="document" />
<meta name="classification" content="Internet" />
<meta name="distribution" content="Global" />
<meta name="author" content="Fabyo" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {	
	$("#labContrato").addClass("disabled");
	$("#contrato").attr({disabled: "disable"});	   
	$("#continuar").attr({disabled: "disabled"});
	$("#contrato").click(function(){	
		var check = $("#contrato").is(":checked") ? false : 'disabled';
		$("#continuar").attr({disabled: check});
		if(!check) {
			$("#labContrato").removeClass("disabled");	
		} else {
			$("#labContrato").addClass("disabled");
		}			
	});		

	$("#termos").scroll(function() {
		if ((this.scrollTop + this.clientHeight + 1) >= this.scrollHeight) {
			$("#contrato").attr({disabled: false});	   
			$("#labContrato").addClass("disabled");
		}
	});

});
</script>
<style type="text/css">
label.disabled {color: #888;}
label {color: #000; cursor: pointer;}
#termos{
	width: 400px; 
	height: 300px; 
	padding: 10px 20px; 
	overflow: auto; 
	border: 2px solid aaa;
}
</style>
</head>
<body>
<div id="termos">
	<h1>Termos e Condições Gerais</h1>
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />
	blablablablablablablabla<br />blablablablablablablabla<br />	  
</div><br />

<input type="checkbox" id="contrato" /> 
<label for="contrato" id="labContrato">Eu li o contrato e aceito</label><br />
<input type="button" value="Continuar >>" id="continuar" />
 </body>
</html>

 

funcionando:

 

http://fabyoguimaraes.com/jquery/termo.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

outra coisa qualquer exemplo que voce ve funcionando é só pegar o js nao tem segredo ou você acha o link e baixa ou você salva a pagina que vem com o js

 

http://www.jquery.com

http://code.jquery.com/jquery-latest.js

 

http://forum.imasters.com.br/index.php?sho...mp;#entry767832

Compartilhar este post

Link para o post
Compartilhar em outros sites

Oliveira Junior    0

Oliveira Junior
Postado

outra coisa qualquer exemplo que voce ve funcionando é só pegar o js nao tem segredo ou você acha o link e baixa ou você salva a pagina que vem com o jshttp://www.jquery.comhttp://code.jquery.com/jquery-latest.jshttp://forum.imasters.com.br/index.php?sho...mp;#entry767832

Logico que eu sei disso, porem seria muito inteligente de sua parte disponibilizar, pois nem todos sabem como funciona a navegação na internet, ou muito mesmo o que um arquivo de javaScript ou CSS. ok!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Alem de ajudar, tem uns que acha que somos obrigado dar a vara o peixe o anzol etc...

 

amigo na boa se o cara nem sabe onde encontrar um .js pra que ele vai querer usar um script pronto?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Oliveira Junior    0

Oliveira Junior
Postado

Alem de ajudar, tem uns que acha que somos obrigado dar a vara o peixe o anzol etc...amigo na boa se o cara nem sabe onde encontrar um .js pra que ele vai querer usar um script pronto?

susu cara, aqui nao e lugar de briga e nem to afim, se te ofendi foi mal! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gifinte++ http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Eu nao fiquei ofendido nao, e quando eu respondi como pegar o js no codigo fonte é mais uma maneira que o usuario poderia aprender, porque sempre que ver um site com um conteudo legal vai saber aproveitar e pegar os js e css para estudo

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito