///
//
// Base namespace declaration
var PogoJo = {};
//
// Global code initialisation
$(function() {
//
// Namespace initialisation calls
// PogoJo.TextCounter.Initialise();
PogoJo.Effects.Initialise();
PogoJo.Menubar.Initialise();
PogoJo.FormFields.ToolTips.Initialise();
});
//------------------------------------------------------------------------------
//
// Namespace: PogoJo.TextCounter
PogoJo.TextCounter = (function() {
//
// This is the general purpose changed event handler
// for both INPUT and TEXTAREA elements. It is assumed
// that the TEXTAREA elements will have a manually added
// attribute for MaxLength (this is done on init)
var changed = function(maxLength) {
// Get the max length and the ui display field
var maxLength = $(this).attr('maxLength');
var span = $('span.countTextSpan', $(this).parent());
// Make sure there is a field to update
if (span === undefined)
return;
// Make sure the maxlength is valid
if (maxLength === undefined || maxLength === null) {
span.html('[maxlength not defined]');
return;
}
// Update the UI SPAN element
$(this).parent()
.find("span.countTextSpan")
.html($(this).val().length + ' of ' + maxLength + ' characters used');
};
return {
//
// Initialises the text counters on the page
Initialise: function () {
var areas = $('textarea.countText');
var textboxes = $('input[type=text].countText');
var spanHtml = '';
// Setup all the INPUT elements on the form
textboxes.keyup(changed);
textboxes.after(spanHtml);
textboxes.each(changed);
// Setup all the TEXTAREA elements on the form
// The length is given through the class definition
// by specifying an extra class: len(x), where x
// is the maxlength value.
// The init code will parse this and store it in
// a manually added attribute.
areas.after(spanHtml);
areas.each(function() {
// Get the maxlength definition start
var si = this.className.indexOf("len(");
if (si == -1) {
return;
}
si += 4;
// Get the maxlength definition end
var ei = this.className.indexOf(")");
if (ei == -1) {
return;
}
// Parse the maxlength
var len = parseInt(this.className.substring(si, ei), 10);
// Assign the element properties
$(this).attr('maxLength', len)
$(this)[0].onkeyup = changed;
// Init the element by calling the event handler manually
changed.call(this, len);
});
}
};
})();
PogoJo.FormFields = {};
//------------------------------------------------------------------------------
//
// Namespace: PogoJo.FormFields
PogoJo.FormFields = (function() {
return {
//
// Common functionality to parse a JSON response and
// populate a given dropdown (select) control.
ParseData: function(target, data) {
// Blast the lists contents
target.html("");
// Create the list items
if (data !== undefined) {
for (i = 0; i < data.length; i++) {
target.get(0).add(new Option(data[i].text, data[i].id), document.all ? i : null);
}
}
//select first option
$("option:first", target).attr("selected", "selected");
},
//
//
SetEnabled: function(drop, condition) {
if (condition) {
drop.attr("disabled", "true");
}
else {
drop.removeAttr("disabled");
}
}
};
})();
//------------------------------------------------------------------------------
//
// Namespace: PogoJo.FormFields.Rating
PogoJo.FormFields.Rating = (function() {
var editorRating = function(jelem) {
return parseInt(jelem.attr("id").substring(6));
};
var getRatingImg = function(index) {
return $("img#rating" + index);
};
//
// Sets the current rating display based on the
// given index
var setRating = function(idx) {
for (var i = 1; i <= idx ; i++) {
getRatingImg(i).attr("src", "../images1/icon_rating.jpg");
}
for (var i = idx + 1; i <= 5 ; i++) {
getRatingImg(i).attr("src", "../images/icon_rating_off.jpg");
}
};
return {
//
// Initialise function to setup the functionality of this namespace
Initialise: function(hiddenSelector) {
// Handler to reset the rating display to whatever is in
// the asp.net hidden form field on mouse leave
$("div.documentCommenter_O div.formInput_O").bind("mouseleave", function() {
var idx = parseInt(hiddenSelector.val(), 10);
setRating(idx);
});
// Handler to show a preview of where the rating will be set
// if the user chooses to click (the above mouseleave handler
// will reset the rating if they move away).
$("img.rating").hover(function() {
var idx = editorRating($(this));
setRating(idx);
});
// Handler to update the hidden asp.net value field
// with the index of the clicked rating icon
$("img.rating").click(function() {
var idx = editorRating($(this));
hiddenSelector.val(idx)
});
}
};
})();
//------------------------------------------------------------------------------
//
// Namespace: PogoJo.FormFields.StateAndUniversity
PogoJo.FormFields.StateAndUniversity = (function () {
var stateDrop;
var uniDrop;
var hiddenValue;
//
// Called to start the ajax request to the server
var updateUniversities = function () {
// Create the request parameters object
var parameters = { search: stateDrop.val() };
$.getJSON("/api/getuniversities.ashx", parameters, callback);
};
//
// Processes the result universities and populates the dropdown
var callback = function (data, textStatus) {
// Populate the dropdown
PogoJo.FormFields.ParseData(uniDrop, data);
PogoJo.FormFields.SetEnabled(uniDrop, data.length == 0);
uniDrop.get(0).add(new Option("Other...", 0), document.all ? i : null);
if (onUniChanged !== undefined) {
onUniChanged();
}
updateHidden();
};
//
//
var updateHidden = function () {
hiddenValue.val(uniDrop.val());
};
return {
//
//
Initialise: function (stateTarget, uniTarget, hiddenTarget) {
stateDrop = stateTarget;
stateDrop.change(updateUniversities);
uniDrop = uniTarget;
uniDrop.change(updateHidden);
hiddenValue = hiddenTarget;
if (onUniChanged !== undefined) {
uniDrop.change(onUniChanged);
}
}
};
})();
//------------------------------------------------------------------------------
//
// Namespace: PogoJo.FormFields.FieldsOfStudyQuickSearch
PogoJo.FormFields.FieldsOfStudyQuickSearch = (function() {
var callback = function(data) {
var areasOfStudy = $("div#areasOfStudy");
var html = "";
html += "";
html += "
";
html += "
";
var totalDocs = 0;
for (var i = 0; i < data.length; i++) {
totalDocs += parseInt(data[i].count);
}
var fieldId = $("div#fieldsOfStudy ul li a.selected").attr("rel");
html += "- All(" + totalDocs + ")
";
for (var i = 0; i < data.length; i++) {
var areaId = data[i].id;
var areaText = data[i].text;
var areaCount = data[i].count;
html += "- ";
html += areaText + "(" + areaCount + ")";
html += "
";
}
html += "
";
html += "
";
html += "