Weblabor

<script type="text/javascript">

var myColumnHandler =

Class.create();
myColumnHandler.prototype = {

    initialize : function(el){
        this.sourcePHP = '&http_path.value;?vpath=/aktualitasok/noveny_kereso/kerti_balkon_novenyek/';
        this.form = $('search_form');
        this.target = el;

        table = Builder.node('table', {width:'100%',cellpadding:'2',cellspacing:'0',border:'1'});
        tbody = Builder.node('tbody');
        tr = Builder.node('tr',{className:'header'});
        td_1 = Builder.node('td',[ Builder.node('strong','Kód')]);
        td_2 = Builder.node('td',[ Builder.node('strong','Név')]);

        tr.appendChild(td_1);tr.appendChild(td_2);
        tbody.appendChild(tr);
        table.appendChild(tbody);

        $(this.target).appendChild(table);

        $A(this.form).each(
        function (formElem,index){
            new Form.Element.EventObserver(formElem,this.checkField.bind(this));
        }.bind(this)
        );
    },


    checkField : function(){

        var myAjax = new Ajax.Request(
        this.sourcePHP,
        {
            method: 'post',
            parameters: Form.serialize(this.form)+'&ajax=1',
            onFailure : function(response) {alert("Faliure, there's some kind of error in ajax communication line");},
            onComplete: this.showResponse.bind(this)
        });
    },


    showResponse : function (transport,objectJSON){

        if (objectJSON.result.length){

            $(this.target).innerHTML = '';
            table = Builder.node('table', {width:'100%',cellpadding:'2',cellspacing:'0',border:'1'});
            tbody = Builder.node('tbody');

            objectJSON.result.each(
            function (elem,index)
            {
                tr = Builder.node('tr',{className:'body'});
                td_1 = Builder.node('td',[ Builder.node('strong',elem.id)]);
                td_2 = Builder.node('td',[ Builder.node('strong',elem.name)]);

                tr.appendChild(td_1);tr.appendChild(td_2);
                tbody.appendChild(tr);



                $(this.target).appendChild(table);

            }.bind(this)
            )
            table.appendChild(tbody);
        }
        else
        {
            $(this.target).innerHTML = '';
            table = Builder.node('table', {width:'100%',cellpadding:'2',cellspacing:'0',border:'1'});
            tbody = Builder.node('tbody');
            tr = Builder.node('tr',{className:'header'});
            td_1 = Builder.node('td',[ Builder.node('strong','Kód')]);
            td_2 = Builder.node('td',[ Builder.node('strong','Név')]);

            tr.appendChild(td_1);tr.appendChild(td_2);
            tbody.appendChild(tr);
            table.appendChild(tbody);

            $(this.target).appendChild(table);
        }

    }

}



window.onload = function(){
    new myColumnHandler('container');
}