<style type="text/css">
.v_txt {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #BDBDBD -moz-use-text-color -moz-use-text-color #BDBDBD;
    border-radius: 8px 0 0 8px;
    border-right: medium none;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    color: #BDBDBD;
    float: left;
    font-size: 11px;
    font-style: italic;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    position: relative;
    width: 110px;
}
.v_submit {
    background: url("http://www.trtokul.com.tr/images/btn_search2.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    text-indent: -9999px;
    width: 29px;
}
</style>

<script type="text/javascript">
function temizle(element)
    {
      document.getElementById(element).value='';
    }
function videoAra()
    {
        VideoAdi = document.getElementById("videoAdi").value;
        document.getElementById("mainVideolar").innerHTML = '';
       
        $.get(
                'http://www.trtokul.com.tr/index.php?c=videolar&m=videoAra',
        {
            VideoAdi: VideoAdi
        },

             function(data){   
                   data = data.split('|'); 
                if (data[0]==0)
                {
                    Boxy.alert(data[1]);
                    return;
                }
                       
                else
                    document.getElementById("mainVideolar").innerHTML = data[0];

                    }
                    );
       
    }
   
</script>

    <input id="videoAdi" class="v_txt" type="text" onfocus="temizle('videoAdi');" onkeypress="videoAra()" name="videoAdi" value="videolarda ara..">
    <input class="v_submit" type="submit" onclick="videoAra()">