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

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



소스 보여드리면

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


                                                  <!-- ====================실시간 접속자================== -->
                                                         
                       
<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>
            <!--[if IE 6]><style>
                #connect .user-info a { width:49.5%; }
            </style><![endif]-->
            <!--[if lte IE 9]><style>
                #connect .user-search input { padding:5px 5px 2px;height:15px; }
            </style><![endif]-->







                  <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파일도 적용해놨는데.. 왜 첫번재 사진처럼 되는지..