root/js/webpac.js

/*
        WebPAC AJAX class
*/

var WebPAC = { };

/*
        autocompleter which isn't (a suggest box)
        - don't just on first option on appear
        - removed fade-in/out effect
        - added configurable width (content width? centered?)
        - add icon which means suggest

        hopefully, this implementation won't break (much) when I update
        prototype next time :-)
*/


WebPAC.Suggest = Class.create();
Logger.debug('Created WebPAC.Suggest Class');
Object.extend(Object.extend(WebPAC.Suggest.prototype, Ajax.Autocompleter.prototype), {
  initialize: function(element, update, url, options) {
    this.baseInitialize(element, update, options);
    this.options.asynchronous  = true;
    this.options.onComplete    = this.onComplete.bind(this);
    this.options.defaultParams = this.options.parameters || null;
    this.url                   = url;
    this.ignoreReturn = true;

    Logger.debug('WebPAC.Sugget initialize '+element+','+update+','+url);

    this.options.onShow = function(element, update) {
      if(!update.style.position || update.style.position=='absolute') {
        update.style.position = 'absolute';
        Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
      }
      new Element.show(update);
      Logger.debug('WebPAC.Suggest.onShow');
    };

    this.options.onHide = function(element, update) {
        new Element.hide(update);
        Logger.debug('WebPAC.Suggest.onHide');
    };
  },

  getUpdatedChoices: function() {
    var entry = encodeURIComponent(this.options.paramName) + '=' +
      encodeURIComponent(this.getToken());

    this.options.parameters = this.options.callback ?
      this.options.callback(this.element, entry) : entry;

    if(this.options.defaultParams)
      this.options.parameters += '&' + this.options.defaultParams;

    Logger.debug('WebPAC.Suggest called '+this.url);
    new Ajax.Request(this.url, this.options);
  },

  onComplete: function(request) {
    Logger.debug('WebPAC.Suggest onComplete called');
    this.updateChoices(request.responseText);
  },

  markPrevious: function() {
    if(this.index > 0) this.index--
    //  else this.index = this.entryCount-1;
  },

  markNext: function() {
    if(this.index < this.entryCount-1) this.index++
    //  else this.index = 0;
  }

});

/*
        WebPAC.Updater
*/

WebPAC.Updater = Class.create();
Logger.debug('Created WebPAC.Updater Class');
Object.extend(WebPAC.Updater.prototype, {
  initialize: function(container, url, options) {
    Logger.debug('WebPAC.Updater initialize '+container+','+url+','+options);
    if (url.indexOf('/ajax') == -1) {
      var pos = url.indexOf('?');
      if (pos == -1) {
        url += '/ajax';
      } else {
        url = url.substring(0,pos) + '/ajax' + url.substring(pos);
      }
      Logger.debug('added /ajax to '+url+' pos:'+pos);
    }
    Logger.info('using AJAX to update "'+container+'" from '+url);
    this.updater = new Ajax.Updater(container, url, options);
  }
});

1	dpavlin	159	/*
2	dpavlin	283	WebPAC AJAX class
3	dpavlin	159	*/
4	dpavlin	101
5	dpavlin	270	var WebPAC = { };
6
7	dpavlin	203	/*
8			autocompleter which isn't (a suggest box)
9			- don't just on first option on appear
10			- removed fade-in/out effect
11			- added configurable width (content width? centered?)
12			- add icon which means suggest
13
14	dpavlin	270	hopefully, this implementation won't break (much) when I update
15			prototype next time :-)
16	dpavlin	203	*/
17
18	dpavlin	205
19	dpavlin	270	WebPAC.Suggest = Class.create();
20			Logger.debug('Created WebPAC.Suggest Class');
21			Object.extend(Object.extend(WebPAC.Suggest.prototype, Ajax.Autocompleter.prototype), {
22	dpavlin	203	initialize: function(element, update, url, options) {
23	dpavlin	270	this.baseInitialize(element, update, options);
24	dpavlin	203	this.options.asynchronous = true;
25			this.options.onComplete = this.onComplete.bind(this);
26			this.options.defaultParams = this.options.parameters \|\| null;
27			this.url = url;
28			this.ignoreReturn = true;
29
30	dpavlin	270	Logger.debug('WebPAC.Sugget initialize '+element+','+update+','+url);
31	dpavlin	205
32	dpavlin	203	this.options.onShow = function(element, update) {
33			if(!update.style.position \|\| update.style.position=='absolute') {
34			update.style.position = 'absolute';
35			Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
36			}
37			new Element.show(update);
38	dpavlin	270	Logger.debug('WebPAC.Suggest.onShow');
39	dpavlin	203	};
40
41			this.options.onHide = function(element, update) {
42			new Element.hide(update);
43	dpavlin	270	Logger.debug('WebPAC.Suggest.onHide');
44	dpavlin	203	};
45			},
46
47			getUpdatedChoices: function() {
48	dpavlin	323	var entry = encodeURIComponent(this.options.paramName) + '=' +
49	dpavlin	203	encodeURIComponent(this.getToken());
50
51			this.options.parameters = this.options.callback ?
52			this.options.callback(this.element, entry) : entry;
53
54			if(this.options.defaultParams)
55			this.options.parameters += '&' + this.options.defaultParams;
56
57	dpavlin	270	Logger.debug('WebPAC.Suggest called '+this.url);
58	dpavlin	203	new Ajax.Request(this.url, this.options);
59			},
60
61			onComplete: function(request) {
62	dpavlin	270	Logger.debug('WebPAC.Suggest onComplete called');
63	dpavlin	203	this.updateChoices(request.responseText);
64			},
65
66			markPrevious: function() {
67			if(this.index > 0) this.index--
68			// else this.index = this.entryCount-1;
69			},
70
71			markNext: function() {
72			if(this.index < this.entryCount-1) this.index++
73			// else this.index = 0;
74	dpavlin	205	}
75	dpavlin	203
76			});
77	dpavlin	205
78	dpavlin	270	/*
79			WebPAC.Updater
80			*/
81	dpavlin	205
82	dpavlin	270	WebPAC.Updater = Class.create();
83			Logger.debug('Created WebPAC.Updater Class');
84			Object.extend(WebPAC.Updater.prototype, {
85			initialize: function(container, url, options) {
86			Logger.debug('WebPAC.Updater initialize '+container+','+url+','+options);
87	dpavlin	279	if (url.indexOf('/ajax') == -1) {
88			var pos = url.indexOf('?');
89			if (pos == -1) {
90			url += '/ajax';
91			} else {
92			url = url.substring(0,pos) + '/ajax' + url.substring(pos);
93			}
94			Logger.debug('added /ajax to '+url+' pos:'+pos);
95			}
96			Logger.info('using AJAX to update "'+container+'" from '+url);
97	dpavlin	270	this.updater = new Ajax.Updater(container, url, options);
98			}
99			});
100