Теги с разными весами

Проблема, которую решает данный пример - не всегда теги равноправны между собой. Так в примере показано как бы выглядели теги для этой записи. Добавляя новые теги, можно указывать их значение в контексте скролом мыши. Нажав Enter в поле ввода нового тега, данные еще не отправятся на сервер, но уже будут доступны для редактирования. Кнопка "Отправить" отправляет данные на сервер.

POST data:

array (
)

JS со страницы:

window.addEvent( 'domready', function () {
    $$( '#tags LABEL' ).each( tagManager.prepareItem );
    
    var tokens = ['PHP', 'JavaScript', 'MySQL', '.NET'];
    
    $( 'new-tag' ).addEvent( 'keydown', function ( e ) {    
        var event = new Event( e );        
        
        new Autocompleter.Local( this, tokens, {
            'minLength': 1,
            'overflow': true
        });
        
        if ( event.key == "enter" ) {
            event.stop();
            if ( this.value.trim() != "" ) {
                var new_item = tagManager.add( 
                    this.value, 
                    this.getParent().getElement( 'input.multi' ).value 
                );
                
                this.value = "";
                this.getParent().getElement( 'input.multi' ).value = 0;
            }
        }        
    } );
    
    tagManager.setItem( null );
} );