$().ready(function() {
var h = 0, t;
$('img[src*="list"]').click(function(){
$('#pf_view')
.html('<img src="../../images/ajax.gif" />')
.load('ava_opens.php?id='+$(this).attr('name'), function(){
$('.pfimg img:last').bind('load', function(){
$('.pfimg img').each(function(){
t = $(this).height();
if(h<t) h = t;
});
$('.pfimg').css('height', (h+10) + 'px');
h = 0;
});
});
});
function ajax_avatars(){
$('tbody td.hover').click(function(){
$('#pf_view').html('<img src="../../images/ajax.gif" />').load('ava_opens.php?id='+$(this).attr('name'));
});
}
ajax_avatars();
var pos, val;
$('#avatar_name').bind('keyup', function(){
val = $(this).val();
if(val.length>1) {
$.ajax({
url: 'ajax_avatars.php?search='+val,
success: function(answ){
pos = $('#avatar_name');
if(!$('#avatar_search').is('div')) {
$('body')
.append('<div id="avatar_search" style="background-color:#e8f6fd; width:'+pos.width()+'px; border:1px solid grey;">'+answ+'</div>')
.one('click', function(){
$('#avatar_search').hide();
});
$('#avatar_search')
.css('position', 'absolute')
.css('left', (pos.position().left + 2) + 'px')
.css('top', (pos.position().top + 18) + 'px')
.hide()
.slideDown('fast');
$('#avatar_name').click(function(){
$('#avatar_search').slideDown('fast', function(){
$('body').one('click', function(){
$('#avatar_search').hide();
});
});
});
} else $('#avatar_search').html(answ);
ajax_avatars();
}
});
}
});
});
в Опере и Мозиле работает нормально в ие он не хочет показывать окошко
примернную работу увидеть можно тут
http://tzserv.ru/avatar
