/[jquery]/tag_complete/tag_complete.js
This is repository of my old source code which isn't updated any more. Go to git.rot13.org for current projects!
ViewVC logotype

Diff of /tag_complete/tag_complete.js

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 48 by dpavlin, Fri Aug 18 23:10:48 2006 UTC revision 53 by dpavlin, Sat Aug 19 23:11:12 2006 UTC
# Line 7  Line 7 
7  var _tag = {  var _tag = {
8          name: new Array(),          name: new Array(),
9          obj: new Array(),          obj: new Array(),
10          selected_obj: new Array(),          tag2i: new Array(),
11            selected: new Array(),
12            entered: {                      // array of entered tags
13                    i: new Array(),         // offset to tags
14                    tag: new Array()        // mapping from tag i to entered
15            },
16    
17            current: null,                  // current selected suggestion
18            last_tags: '',
19    
20          select: function( tag ) {          select: function( tag ) {
21    
22                  $.log.info('filter '+tag);                  $.log.info('filter '+tag);
23    
                 _tag.selected_obj = Array();  
24                  var j = 0;                  var j = 0;
25                  var tag_len = tag.length;                  var tag_len = tag.length;
26                  var suggest = '<ul>';                  var suggest = '';
27    
28                  for(var i = 0; i < _tag.name.length; i++) {                  for(var i = 0; i < _tag.name.length; i++) {
29                          var t = _tag.name[i];                          var t = _tag.name[i];
# Line 25  var _tag = { Line 32  var _tag = {
32    
33                                  jQuery.className.add( _tag.obj[i], 'selected' );                                  jQuery.className.add( _tag.obj[i], 'selected' );
34    
35                                  suggest += '<li>' + t + '</li> ';                                  suggest += '<a href="#'+i+'" onclick="javascript:return _tag.tag(\'' + t + '\',' + i + ')">' + t + '</a> ';
36                                  _tag.selected_obj[j] = _tag.obj[i];                                  _tag.selected[j++] = {
37                                  j++;                                          i: i,
38                                            obj: _tag.obj[i]
39                                    }
40                          }                          }
41                  }                  }
42    
                 suggest += '</ul>';  
   
43                  $('#suggest').html( suggest );                  $('#suggest').html( suggest );
44                  if (j > 0) {                  if (j > 0) {
45                          $('#suggest li:nth(0)').addClass('selected');                          $('#suggest a:nth(0)').addClass('selected');
46                          _tag.current = 0;                          _tag.current = 0;
47                  }                  }
48    
49          },          },
50    
51          clean_selected: function() {          clean_selected: function() {
52                  for(var i = 0; i < _tag.selected_obj.length; i++) {                  for(var i = 0; i < _tag.selected.length; i++) {
53                          jQuery.className.remove( _tag.selected_obj[i], 'selected' );                          jQuery.className.remove( _tag.selected[i].obj, 'selected' );
54                  }                  }
55    
56                  var c = _tag.current;                  var c = _tag.current;
# Line 63  var _tag = { Line 70  var _tag = {
70                          return true;                          return true;
71                  }                  }
72    
73                  var s = $('#suggest li:nth('+c+')').html();                  var s = $('#suggest a:nth('+c+')').html();
74                  if (s == null) {                  if (s == null) {
75                          $.log.debug('no suggest, return true');                          $.log.debug('no suggest, return true');
76                          return true;                          return true;
77                  }                  }
78    
79                  _tag.add_tag( s );                  var i = _tag.selected[c].i;
80                  _tag.clean_selected();                  $.log.debug('take_suggested '+i+':'+s);
81                    _tag.add_tag( s, i );
82                  return false;                  return false;
83          },          },
84    
85          add_tag: function( t ) {          add_tag: function( t, i ) {
86                  $.log.info('add: '+t);                  $.log.info('add '+i+': '+t);
87                    _tag.focus();
88                    jQuery.className.add( _tag.obj[i], 'entered' );
89                    var entered_i = _tag.entered.i.length;
90                    _tag.entered.i[ entered_i ] = i;
91                    _tag.entered.tag[i] = entered_i;
92                    _tag.clean_selected();
93                  $('#tags').val(                  $('#tags').val(
94                          $('#tags').val().replace(                          $('#tags').val().replace(
95                                  /[^ ]*$/, t + ' '                                  /[^ ]*$/, t + ' '
96                          )                          )
97                  );                  );
98                    return false;
99            },
100    
101            remove_tag: function( t, i ) {
102                    $.log.info('remove '+i+': '+t);
103                  _tag.focus();                  _tag.focus();
104                    jQuery.className.remove( _tag.obj[i], 'entered' );
105                    // remove selected tag and rebuild tags
106    
107                    var ent_i = _tag.entered.tag[i];
108                    $.log.debug('entered i:'+ent_i);
109                    _tag.entered.i.splice(ent_i,1);
110                    _tag.entered.tag[i] = null;
111    
112                    $.log.debug("tags "+_tag.entered.i.join(","));
113    
114                    var tags = '';
115                    for (var j = 0; j < _tag.entered.i.length; j++) {
116                            var tag_i = _tag.entered.i[j];
117                            tags += _tag.name[ tag_i ] + ' ';
118                            _tag.entered.tag[ tag_i ] = j;
119                    }
120    
121                    _tag.clean_selected();
122                    $.log.debug('tags left: '+tags);
123                    $('#tags').val( tags );
124                  return false;                  return false;
125          },          },
126    
127            tag: function( t, i ) {
128                    if (_tag.entered.tag[i] != null) {
129                            _tag.remove_tag( t, i );
130                    } else {
131                            _tag.add_tag( t, i );
132                    }
133            },
134    
135          move_suggested: function( where ) {          move_suggested: function( where ) {
136                  var c = _tag.current;                  var c = _tag.current;
137                  if (c == null) {                  if (c == null) {
# Line 93  var _tag = { Line 140  var _tag = {
140                  }                  }
141                  var to = c + where;                  var to = c + where;
142                  $.log.info('move_suggested('+where+') '+c+' -> '+to);                  $.log.info('move_suggested('+where+') '+c+' -> '+to);
143                  if (to < 0 || to >= _tag.selected_obj.length) {                  if (to < 0 || to >= _tag.selected.length) {
144                          $.log.error('move to invalid element '+to);                          $.log.error('move to invalid element '+to);
145                          return;                          return;
146                  }                  }
147                  var s = '#suggest li:nth('+c+')';                  var s = '#suggest a:nth('+c+')';
148                  $( s ).removeClass('selected');                  $( s ).removeClass('selected');
149                  $.log.debug('remove selected from '+s);                  $.log.debug('remove selected from '+s);
150                  s = '#suggest li:nth('+to+')';                  s = '#suggest a:nth('+to+')';
151                  $( s ).addClass('selected');                  $( s ).addClass('selected');
152                  $.log.debug('add selected to '+s);                  $.log.debug('add selected to '+s);
153                  _tag.current = to;                  _tag.current = to;
154          },          },
155    
156          last_tag: function() {          parse: function() {
157                  return $('#tags').val().replace(/^([^ ][^ ]* )*/, '');                  $.log.info('re-parse tags');
158    
159                    var t = $('#tags').val().replace(/^  */,'').replace(/  *$/,'').split(/ /);
160    
161                    _tag.entered = {
162                            i: new Array(),
163                            tag: new Array()
164                    };
165    
166                    $('.entered').removeClass('entered');
167    
168                    var ids = '';
169                    for (var i = 0; i < t.length; i++) {
170                            var tag = t[i];
171                            if (_tag.tag2i[ tag ] != null) {
172                                    var tag_i = _tag.tag2i[ tag ];
173                                    _tag.entered.tag[ tag ] =
174                                            _tag.entered.i.push( tag_i ) - 1;
175                                    jQuery.className.add( _tag.obj[ tag_i ], 'entered' );
176                                    ids += i + ':' + tag_i + ' ';
177                            } else {
178                                    ids += i + ':{' + tag + '} ';
179                            }
180                    }
181                    $.log.debug('tags: '+t.join(','), 'ids:'+ids);
182    
183            },
184    
185            current_tag: function() {
186                    var tags = $('#tags').val();
187                    if (tags != _tag.last_tags) {
188                            _tag.last_tags = tags;
189                            _tag.parse();
190                    }
191                    return tags.replace(/^([^ ][^ ]* )*/, '');
192          },          },
193    
194          focus: function() {          focus: function() {
195                  // $('#tags').focus() doesn't work!                  // $('#tags').focus() doesn't work!
196                  document.getElementById('tags').focus();                  document.getElementById('tags').focus();
# Line 122  $(document).ready( function() { Line 204  $(document).ready( function() {
204                  var n = this.firstChild.nodeValue;                  var n = this.firstChild.nodeValue;
205                  _tag.name[i] = n;                  _tag.name[i] = n;
206                  _tag.obj[i] = this;                  _tag.obj[i] = this;
207                    _tag.tag2i[n] = i;
208                  this.onclick = function() {                  this.onclick = function() {
209                          return _tag.add_tag( n );                          return _tag.tag( n, i );
210                  }                  }
211                    this.href = '#'+i;      // FIXME debug
212          });          });
213          $.log.info( 'found ' + _tag.name.length + ' tags' );          $.log.info( 'found ' + _tag.name.length + ' tags' );
214    
# Line 147  $(document).ready( function() { Line 231  $(document).ready( function() {
231                                  if (_tag.current != null) _tag.focus();                                  if (_tag.current != null) _tag.focus();
232                                  e.preventDefault();                                  e.preventDefault();
233                                  return false;                                  return false;
234                            case 8:         // backspace
235                            case 46:        // del
236                                    _tag.parse();
237                                    return false;
238                  }                  }
239    
240    
241                  var t = _tag.last_tag();                  var t = _tag.current_tag();
242    
243                  $.log.debug('tag: ' + t + ' ['+t.length+']');                  $.log.debug('tag: ' + t + ' ['+t.length+']');
244    
# Line 160  $(document).ready( function() { Line 248  $(document).ready( function() {
248    
249                  _tag.select(t);                  _tag.select(t);
250    
251                  $.log.info('selected ' + _tag.selected_obj.length + ' tags');                  $.log.info('selected ' + _tag.selected.length + ' tags');
252    
253                  return true;                  return true;
254          }).submit( function() {          }).submit( function() {
Legend:
Removed from v.48  
changed lines
  Added in v.53
  ViewVC Help
Powered by ViewVC 1.1.26