This project is read-only.
Project Description
JavaScript for SharePoint (jSPoint) is a library that help SharePoint developers to create rich,dynamic, & powerfull pages for SharePoint sites.

Certified for WSS3 & MOSS2007.

Tested with IE, Firefox, & Chrome.

  • 22.03.2012
New release : v0.2.1

Bug Fix : Field name with latin caracters

  • 13.02.2011
New release : v0.2.0

New classes : jSPoint.ajax, jSPoint.spUser, jSPoint.spList
New methods : jSPoint.spFieldUser.autoComplete(), jSPoint.spFieldLookup.cascadingFilter()


jSPoint need jQuery (>= 1.4.2) & jQueryUI (>= 1.8.9) libraries to work properly.

Upload scripts on your SharePoint Site and include them in your html source page.

<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.9.custom.css" />
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="script/jSPoint-0.1.0.min.js"></script>

You want to create a SharePoint list to collect interests of your users.

Your want to collect interests not listed in your MultiChoiceField. So, you create a TextField for collect them.

Let's see how you can make your Form interactive.

  • Javascript code
$(document).ready(function() {
	// Create Field objects
	var interests = new jSPoint.spFieldMultiChoice("Interests");
	var otherInterest = new jSPoint.spFieldText("Other Interests");
	// Initial state of otherInterest;
	otherInterest.getInput().attr("style", "background-color: red;");
	// Handle updated value of interests & show otherInterest if 'Other' checked
	interests.onValueUpdated(function() {
		var regExOther = new RegExp("Other");
		if (regExOther.exec(interests.getFieldValue()) != null) {;
		else {;
	// Handle updated value of otherInterest & change background color
	otherInterest.onValueUpdated(function() {
		if (otherInterest.getFieldValue().length === 0) {
			otherInterest.getInput().attr("style", "background-color: red;");
		else {
			otherInterest.getInput().attr("style", "background-color: white;");

  • Result

Last edited Mar 22, 2012 at 10:55 AM by GurYN, version 15