Welcome, Guest

Text area scroll validation
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Text area scroll validation

Text area scroll validation 2 years ago #11809

I have been trying to figure this out on my own, but I have had no luck. I know this is going to be simple for somebody..

Here is what I am trying to do:

There are instances where you want to force a user to view an entire piece of text. The particular instance that comes to mind is in the case of License Agreements. You want to be sure that the user has, at least, scrolled through the entire agreement before allowing them to proceed.

function textareaAtEnd(textareaObj)
{
	return ((textareaObj.scrollTop + textareaObj.offsetHeight) > textareaObj.scrollHeight);
}

To use it, you would do:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>Scroll Test</title>
	<script language="JavaScript">
	<!--
	
	function textareaAtEnd(textareaObj)
	{
		return ((textareaObj.scrollTop + textareaObj.offsetHeight) > textareaObj.scrollHeight);
	}

	function formValidation(formObj)
	{
		if (textareaAtEnd(formObj.licenseAgreement))
		{
			return true;
		}
		else
		{
			alert ("Please scroll to the end of the license agreement.")
			return false;
		}
	}

	// -->
	</script>


I have tried everything I know, which isn't much. I am hoping once this is shown to me I will understand were I was going wrong.

Thanks,

Doug
  • dmarzean
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
  • Karma: 0

Re: Text area scroll validation 1 year, 11 months ago #12165

I could use this too!! (but for Privacy Policy - same functionality needed though)
  • cebby
  • OFFLINE
  • Senior Boarder
  • Posts: 63
  • Karma: 1
Last Edit: 1 year, 11 months ago by cebby.
  • Page:
  • 1
Moderators: TheMuffinMan, ForumSupport
Time to create page: 0.30 seconds

About

Crosstec GmbH & Co. KG

Bergisch-Gladbacher-Str. 829

51069 Cologne, Germany