실시간 접속자에 대해서 질문 있습니다.

실시간 접속자에 대해서 질문 있습니다. 정보

실시간 접속자에 대해서 질문 있습니다.

본문

첫번째 사진을 두번째 사진처럼 접속자가 떠야 하는데.

왜 접속이 안되는지 잘 모르겠네요.

소스 보여드리면

=================================



<div id="connect">
<style>
#connect .user-content { background:#ededed;width:238px;border:1px solid #b4b4b4;border-top:0px solid #404462;margin-bottom:5px; }
#connect .user-title { background:url('/img/userlist/userlist.jpg') 0 0 no-repeat; width:239px;height:30px;text-indent:-50000px; }
#connect .user-info { overflow:hidden;padding:5px 9px 0;cursor:pointer; }
#connect .user-info div,#connect .user-info span { display:inline;float:left; }
#connect .user-info div { width:25%; }
#connect .user-info span { padding-top:2px;}
#connect .user-info span.title { width:18px;height:18px;text-indent:-50000px;background:url('/img/userlist/userlist.jpg') no-repeat;margin-right:5px; }
#connect .user-info span.total { background-position:0 -32px; }
#connect .user-info span.new { background-position:-21px -32px; }
#connect .user-info span.member { background-position:-42px -32px; }
#connect .user-info span.guest { background-position:-62px -32px; }
#connect .pad5 { padding-bottom:5px; }

#connect .user-search { border-top:1px solid #B4B4B4;padding:10px 0 5px;background:#fff; }
#connect .user-search input { display:block;width:188px;padding:2px 5px 2px;height:15px;border:1px solid #404462;color:#404462;font-weight:bold;margin:auto; }

#connect .user-list { padding:0 10px 10px;background:#fff; }
#connect .user-list div { height:18px;background:url('/img/board/blit/blit_d7d7d7.gif') 0 6px no-repeat;text-indent:6px; }
#connect .user-list a { color:#333333; }

#connect .user-page { overflow:hidden;border-top:1px solid #B4B4B4;padding:5px 0; }
#connect .user-page a { display:inline;float:left;height:15px;margin:0 3px;border:1px solid #414461 ;color:#67697d;cursor:pointer;padding: 2px 4px 0; }
#connect .user-page .nodata { border:0;cursor:none; }
#connect .user-page .selected { background-color: #67697d;color:white;font-weight:bold; }
#connect .user-page .prev { text-indent:2px; }
#connect .user-page .next { text-indent:4px; }
#connect .user-page .init { display:none; }

.tooltip {
display:none;
background-color:#ffa;
border:1px solid #cc9;
padding:3px;
font-size:13px;
-moz-box-shadow: 2px 2px 11px #666;
-webkit-box-shadow: 2px 2px 11px #666;
}
</style>



<div class='user-content'>
<div class='user-title'>실시간 접속자</div>
<div id=tooltip1 class='user-info'>
<div title='총 회원'><span class='title total'>총 회원</span> <span></span></div>
<div title='신규회원'><span class='title new'>신규회원</span> <span></span></div>

<div title='접속회원'><span class='title member'>접속 회원</span> <span></span></div>
<div title='손님'><span class='title guest'>손님</span> <span></span></div>
</div>
<form class='user-search'>
<input type=hidden name='mode' value='normal' />
<input type=text name=search />
</form>
<div class='user-list'></div>
<div class='user-page'><a class='init p1'></a></div>

</div>

<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
<script type="text/javascript" src="/js/jquery.quicksearch.js"></script>
<script language = "JavaScript">

(function($){

$("#tooltip1 div[title]:gt(1)").tooltip({
tip: '.tooltip',
effect: 'fade',
fadeOutSpeed: 100,
predelay: 400,
position: "bottom right",
offset: [-50, -80]
});

$("#tooltip2 div[title]:gt(1)").tooltip({
tip: '.tooltip',
effect: 'fade',
fadeOutSpeed: 100,
predelay: 400,
position: "bottom right",
offset: [-50, -80]
});

$.fn.userlist = function(params) {

var $this = $(this);
var params = $.extend( {} , params );

var path = '/doc';
var xmlDoc ;
var searchDoc ;
var result_temp = '';
init();

function init()
{

$(".user-search input[name='mode']").val("normal");
if(typeof xmlDoc == 'undefined')
{

$.post(path+'/now.xml', function(data){
xmlDoc = data;

$('.user-page a',$this).click(GetPage).trigger("click");
search();
$(".user-search input[name='search']",$this).trigger("focusout");
}, "xml");
}

}

function GetPage(e)
{
var doc = ($(".user-search input[name='mode']").val() == "normal") ? xmlDoc : searchDoc;

var temp = $(this).attr("class").split(" ");
var CurPage = Number(temp[1].replace("p",""));

var PageTag = "";
var WritePage = 3;
var xmlPage = $("page",doc);

var TotalMember = $("now",doc).attr('tm');
var NewMember = $("now",doc).attr('nm');
var CurMember = $("now",doc).attr('cm');
var GueMember = $("now",doc).attr('gm');

var StartPage = ( Math.floor( (CurPage - 1 ) / WritePage ) * WritePage ) + 1;;
var EnePage = StartPage + WritePage - 1;
var TotalPage = xmlPage.length;

var MemberXml = $('page:eq('+(CurPage-1)+')',doc).find('member');

var MemLength = MemberXml.length;
var Member = "";

// 페이징 부분

if (EnePage >= TotalPage) EnePage = TotalPage;

if (StartPage > 1) PageTag += "<a class='prev p"+(CurPage -1)+"'>◀</a>"; else PageTag += "<a class=nodata></a>";

if (TotalPage > 1) {
for (k=StartPage;k<=EnePage;k++) {
if (CurPage != k)
PageTag += "<a class='page p"+k+"'>"+k+"</a>";
else
PageTag += "<a class='selected'>"+k+"</a> ";
}
} else { PageTag += "<a class='selected'>1</a>"; }

if (TotalPage > EnePage) PageTag += "<a class='next p"+(CurPage +1)+"'>▶</a>"; else PageTag += "<a class=nodata></a>";

$('.user-info span:eq(1)',$this).text(TotalMember);
$('.user-info span:eq(3)',$this).text(NewMember);
$('.user-info span:eq(5)',$this).text(CurMember);
$('.user-info span:eq(7)',$this).text(GueMember);

$('.user-list div',$this).remove();
MemberXml.each(function(i){
mb_id = $(this).attr('mb_id');
mb_nick = $(this).attr('mb_nick').cut(15);

trace (mb_id );

$('.user-list',$this).append(
"<div><a href=\"javascript:win_memo('/bbs/memo_form.php?me_recv_mb_id="+mb_id+"<?=isset($mobile) ? "&mobile": "";?>');\">"+mb_nick+"</a></div>"
);
});

// 페이징
$('.user-page',$this).html(PageTag).find('a:not(.selected,.nodata)').click(GetPage);

if(CurPage > 9) {
$(".user-page a:not(a:first,a:last,a.selected)",$this).css({"text-indent":"1px"});
$(".user-page a.selected",$this).css({"text-indent":"0"});
}

if( $(".user-search input[name='mode']").val() == "normal") CurPageCache = CurPage;

}

function search()
{
// 서치
$('.user-search',$this).submit(function(e){

if($(".user-search input[name='search']",$this).val() != ''){

$(".user-search input[name='mode']").val("search");

var cnt = 0;
searchDoc = $('<now>').attr({
'tm':$("now",xmlDoc).attr('tm'),
'nm':$("now",xmlDoc).attr('nm'),
'cm':$("now",xmlDoc).attr('cm'),
'gm':$("now",xmlDoc).attr('gm'),
'pml':$("now",xmlDoc).attr('pml')
});

var word = new RegExp($(".user-search input[name='search']",$this).val());

$('member',xmlDoc).each(function(i){
if((cnt%$("now",xmlDoc).attr('pml')) == 0)
{
searchDoc.append("<page>");
cnt++;
}

if(word.test($(this).attr("mb_nick")))
{
searchDoc.find('page').append($(this).clone());
}
});

$(".user-list div,.user-page a",$this).remove();

$(".user-page",$this).append("<a class='init p1'></a>").find("a").click(GetPage).trigger("click");

} else {

$(".user-search input[name='mode']").val("normal");
$(".user-list div,.user-page a",$this).remove();
$(".user-page",$this).append("<a class='init p1'></a>").find("a").click(GetPage).trigger("click");

}

return false;
});

$(".user-search input[name='search']",$this).click(function(){
$(this).focus();
});

$(".user-search input[name='search']",$this).focus(function(){
$(this).val("");
});

$(".user-search input[name='search']",$this).focusout(function(){
$(this).val("닉네임 e검색");
});

}

return this;
};

$('#main-left .user-content').userlist();

})(jQuery);

</script>

</div>



js파일도 적용해놨는데.. 왜 첫번재 사진처럼 되는지..