안녕 하세요 ^^ ㅋㅋ 롤랭 배너 관련 해서 궁금한게 있어요 ^^

1

 

안녕하세요

이번에 저희 위젯 서비스 업데이트를 위해 롤링배너를 !!감사히!!^^ 사용할려고 하는데

익스플로어 외에 다른 브라우져에서 롤링이 안통해서 이렇게 구원요청을 하게 됐습니다..

현재 사용 중인 위젯 링크(아래)

http://widgetbank.daum.net/widget/view/710?searchType=WHOLE&sortType=NEW&keyword=%ED%9B%88%EC%9E%A5%EB%A7%88%EC%9D%84&pageBottomId=710&pageTopId=710&pageBottomCnt=215&pageTopCnt=215

위 서비스에서 오른쪽으로 자동롤링과 좌우 이동 버튼을 사용하려고 하는데

탭 버튼을 눌렀을 때 롤링클래스를 한번 더 타게 되면 롤링 스피드가 빨라지더라구요..

조건을 통해 롤링 스피드를 초기화해서 사용했을 때 익스플로어에서는 정상적으로

진행이 되지만 이 외 파폭 또는 오페라 & 크롬 등에서는 여전히 속도까 빨라지는

현상이 나옵니다..

혹시 조언 가능하시면 부탁드릴께요 ^^

 

Email : ybsarang@hunjang.com

 

--오른쪽으로 진행되는 롤링이 적용 된 코드입니다.

-----------------------------------------------------------------------------------------------------------------

 <table width="166" height="230" border="0" cellpadding="0" cellspacing="0" >
  <tr>
   <td height="29">&nbsp;</td>
  </tr>


  <tr>
  <td height="21" align="center" valign="top">
    <div  id="kind" >
    <table width="162" height="18" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td width="54"><a href="javascript:setMenu(1);"><img src="http://www.hunjang.com/images/widget/tab_adopt_on.gif" width="54" height="18" border='0'/></a></td>
      <td width="54"><a href="javascript:setMenu(2);"><img src="http://www.hunjang.com/images/widget/tab_edu_off.gif" width="54" height="18" border='0'/></a></td>
      <td width="54"><a href="javascript:setMenu(3);"><img src="http://www.hunjang.com/images/widget/tab_event_off.gif" width="54" height="18" border='0'/></a></td>
     </tr>
    </table>    
    </div>
 </td>

 </tr>

 <tr height='156'>
 <td width='166' height='156' align='center' valign='top'>

 <div id="content_div1" style='width:166px;height:156px;align:center;' align='center'>
 
 

 </div>

 

 </td>
 </tr>
 <tr>
 <td height='24' align='center' valign='middle'>

<div><table width='158' border='0' cellspacing='0' cellpadding='0'  ><tr ><td align='center' class='f_white b' ><a href='javascript:roll.move_right();'><img src='http://www.hunjang.com/images/widget/arrow_l.gif' width='4' height='7'></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:roll.move_left();'><img src='http://www.hunjang.com/images/widget/arrow_r.gif' width='4' height='7'></a></td></tr>  </table></div>
 </td>
 </tr>

 </table>

  <script type="text/javascript">

   function trim(str){
   return str.replace(/(^\s*)|(\s*$)/g, "");
  }

   var total_page, curr_page, adopt_page,  offline_page, event_page;
   var curr_menu_num = 1;
   var adoptinfo = "";
   var offlineinfo = "";
   var eventinfo = "";
   var datainfo = "";
   var off_count = 1;


   displayKeyword();
   function displayKeyword() {
    var params = {};
      params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.DOM; 
      params[gadgets.io.RequestParameters.REFRESH_INTERVAL] = 10 * 60;
    // Daum 이슈검색어 XML 파일 위치
    var d = new Date();
    var curtime = "" + d.getMonth() + d.getDate() + d.getHours() + d.getMinutes();
    var url = "http://www.hunjang.com/widget/xml/xml_special.xml?" + curtime;
      gadgets.io.makeRequest(url, response, params);
   }
    
   function response(obj) {
    responseXML = obj.data;
     

    // DTOP_RT_TO_KEYWORD의 속성이 하나여서 두가지 다 사용 가능
    var lastmodified = responseXML.getElementsByTagName("DTOP_RT_TO_KEYWORD").item(0).getAttribute("lastmodified"); //getElementsByTagName:배열로 리턴
    //var lastmodified = responseXML.getElementsByTagName("DTOP_RT_TO_KEYWORD").item(0).attributes.item(0).nodeValue;

    var recordList = responseXML.getElementsByTagName("RECORD");

    // 각 RECORD에 대한 값들을 저장
    for (var i=0; i<recordList.length; i++)
    {
     var record = recordList.item(i).childNodes;
     var dataType = recordList.item(i).getElementsByTagName('DATA1')[0].firstChild.nodeValue;
     for (var j=0; j<record.length; j++)
     {

      var node = record.item(j);

      if (node.nodeName == "ROW")
      {
       var subNode = node.childNodes;
       for (k=0; k<subNode.length; k++)
       {

        if (subNode.item(k).nodeName == "DATA2") {
          var DATA2 = subNode.item(k).firstChild.nodeValue; //list,
         }

         if (subNode.item(k).nodeName == "DATA3") {
          var DATA3 = subNode.item(k).firstChild.nodeValue; //logo,
         }
         if (subNode.item(k).nodeName == "DATA4") {
          var DATA4 = subNode.item(k).firstChild.nodeValue; //aname,
         }
         if (subNode.item(k).nodeName == "DATA5") {
          var DATA5 = subNode.item(k).firstChild.nodeValue; //subject,
         }
         if (subNode.item(k).nodeName == "DATA6") {
          var DATA6 = subNode.item(k).firstChild.nodeValue; //url,
         }
         if (subNode.item(k).nodeName == "DATA7") {
          var DATA7 = subNode.item(k).firstChild.nodeValue; //,
         }
         if (subNode.item(k).nodeName == "DATA8") {
          var DATA8 = subNode.item(k).firstChild.nodeValue; //,
         }
         if (subNode.item(k).nodeName == "DATA9") {
          var DATA9 = subNode.item(k).firstChild.nodeValue; //,
         }
         if (subNode.item(k).nodeName == "DATA10") {
          var DATA10 = subNode.item(k).firstChild.nodeValue; //,
         }
         if (subNode.item(k).nodeName == "DATA11") {
          var DATA11 = subNode.item(k).firstChild.nodeValue; //,
         }
       }

 

       if (dataType =="채용정보")
       {
     
        DATA8 = trim(DATA8);
        if (DATA8 =="파트/전임")
        {
        DATA8 ="<img src='http://www.hunjang.com/images/widget/ic_part.gif' width='24' height='16'> <img src='http://www.hunjang.com/images/widget/ic_full.gif' width='24' height='16'>";
        }
        else if (DATA8=="파트")
        {
        DATA8 ="<img src='http://www.hunjang.com/images/widget/ic_part.gif' width='24' height='16'>";
        }
        else
        {
        DATA8 ="<img src='http://www.hunjang.com/images/widget/ic_full.gif' width='24' height='16'>";
        }
        

        if (DATA4.length >5)
        {
        DATA4 = DATA4.substring(0,5) +"..";
        }
        else
        {
        DATA4 = DATA4;
        }

        if (DATA5.length >13)
        {
        DATA5 = DATA5.substring(0,13) +"<br>"+ DATA5.substring(13,23) +"...";
        }
        else
        {
        DATA5 = DATA5;
        }

       adoptinfo +="<div style='width:166px;height:156px;text-align:center'><table width='158' height='156' border='0' cellpadding='0' cellspacing='0' background='http://www.hunjang.com/images/widget/adopt_bg.gif' align='center'><tr><td height='24' align='center' valign='middle' class='blackB'>모집분야 : "+DATA7.substring(0,7)+"</td></tr><tr><td height='51' width='158'><table width='158' border='0' cellspacing='0' cellpadding='0'><tr><td width='87' height='40' align='right'><a href='"+DATA6+"' target='_blank'><img src='"+DATA3+"' width='85' height='40' border='0'/></a></td><td width='7'>&nbsp;</td><td class='blue' width='61px'  title='"+DATA4+"'>"+DATA4.substring(0,5)+"..</td><td width='3'>&nbsp;</td></tr></table></td></tr><tr valign='top'><td height='40' class='pd_5 b' valign='top' title='"+DATA5+"'><a href='"+DATA6+"' target='_blank'>"+DATA5+"</a></td></tr><tr valign='top'><td height='30' align='center' valign='middle'><table width='150' border='0' cellspacing='0' cellpadding='0'><tr><td><img src='"+DATA11+"' width='24' height='16'> <img src='"+DATA9+"' width='24' height='16'> "+DATA8+"</td><td width='37' align='right' class='small b'>"+DATA10+"</td></tr></table></td></tr></table></div>";
       }    
       else if (dataType =="교육정보")
       {
//       alert(off_count);
//       if (off_count % 2 == 1)
//       {
//       offlineinfo+="<div style='width:166px;height:156px;'>"
//       }
       offlineinfo+="<div style='width:166px;height:156px;'><table width='158' height='73' border='0' cellspacing='0' cellpadding='0' valign='top'><tr><td height='5'></td></tr><tr><td height='73'><table width='158' height='72' border='0' cellpadding='0' cellspacing='0' valign='top' background='"+DATA8+"'><tr><td height='18' align='right' class='small b' style='padding-right:5px;'>강사:"+DATA7+"</td></tr><tr><td height='20' class='pd_5 blackB'><a href='"+DATA6+"' target='_blank' title='"+DATA4+"'>"+DATA4.substring(0,13)+"...</a></td></tr><tr><td height='22' align='center' valign='middle' class='small b'>특강일:"+DATA3+"</td></tr></table></td> </tr></table></div>";
      
//       if (off_count % 2 == 1)
//       {
//       offlineinfo+="</div>"
//       }
//       alert(offlineinfo); 
//       off_count ++ ;
//       alert(off_count);
       }
       else if (dataType =="이벤트정보")
       {

       eventinfo +="<div style='width:166px;height:156px;'><table width='158' border='0' cellspacing='0' cellpadding='0' ><tr><td height='5'></td></tr><tr><td height='73'><table width='158' height='73' border='0' cellpadding='0' cellspacing='0' valign='top' ><tr><td  width='158' height='73' border='0'><a href='"+DATA9+"' target='_blank'><img src='"+DATA10+"' width='158' height='73' border='0'/></a></td></tr></table></td> </tr></table></div>";
       }
     }

    } 
   }

     if (recordList.length > 0) {

       displayInfo(0);
      }
      else {
       document.getElementById("content_div1").innerHTML = "<p class=\"non\">데이터를 불러오지<br />못했습니다.</p>";
      }

   }

   function displayInfo(page) {
    var html;

    if (curr_menu_num == "1") {
     datainfo = adoptinfo;
     widget_type ="채용정보"
    } else if (curr_menu_num == "2") {
     datainfo = offlineinfo;
    } else if (curr_menu_num == "3") {
     datainfo = eventinfo;
    }

    html1 = datainfo;
    document.getElementById("content_div1").innerHTML = html1; 

if (page ==0)
{
    roll = new js_rolling(document.getElementById('content_div1'));

    roll.set_direction(4);
    roll.move_gap = 5; //움직이는 픽셀단위
    roll.time_dealy = 1; //움직이는 타임딜레이
    roll.time_dealy_pause = 2000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
    roll.start();

}
else
{    

    roll = new js_rolling(document.getElementById('content_div1'));
    roll.set_direction(4);
    roll.move_gap = 5; //움직이는 픽셀단위
    roll.time_dealy = 0; //움직이는 타임딜레이
    roll.time_dealy_pause = 2000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
    roll.start();
}
   }

 

   function setMenu(num) {
    var html;
    
    if (num == 1) {
     html = " <table width='162' height='18' border='0' cellspacing='0' cellpadding='0'><tr><td width='54'><a href='javascript:setMenu(1);'><img src='http://www.hunjang.com/images/widget/tab_adopt_on.gif' width='54' height='18' border='0'/></a></td><td width='54'><a href='javascript:setMenu(2);'><img src='http://www.hunjang.com/images/widget/tab_edu_off.gif' width='54' height='18' border='0'/></a></td><td width='54'><a href='javascript:setMenu(3);'><img src='http://www.hunjang.com/images/widget/tab_event_off.gif' width='54' height='18' border='0'/></a></td></tr></table>";
    } else if (num == 2) {
     html = " <table width='162' height='18' border='0' cellspacing='0' cellpadding='0'><tr><td width='54'><a href='javascript:setMenu(1);'><img src='http://www.hunjang.com/images/widget/tab_adopt_off.gif' width='54' height='18' border='0'/></a></td><td width='54'><a href='javascript:setMenu(2);'><img src='http://www.hunjang.com/images/widget/tab_edu_on.gif' width='54' height='18' border='0'/></a></td><td width='54'><a href='javascript:setMenu(3);'><img src='http://www.hunjang.com/images/widget/tab_event_off.gif' width='54' height='18' border='0'/></a></td></tr></table>";
    } else if (num == 3) {
     html = " <table width='162' height='18' border='0' cellspacing='0' cellpadding='0'><tr><td width='54'><a href='javascript:setMenu(1);'><img src='http://www.hunjang.com/images/widget/tab_adopt_off.gif' width='54' height='18' border='0'/></a></td><td width='54'><a href='javascript:setMenu(2);'><img src='http://www.hunjang.com/images/widget/tab_edu_off.gif' width='54' height='18' border='0'/></a></td><td width='54'><a href='javascript:setMenu(3);'><img src='http://www.hunjang.com/images/widget/tab_event_on.gif' width='54' height='18' border='0'/></a></td></tr></table>";
    }
    
    document.getElementById("kind").innerHTML = html;
    curr_menu_num = num;

    displayInfo(1);
   }

 </script>

 

 

 

 

 

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
mins
여보세요? ㅋㅋㅋ 안녕하세요 S 1
김영봉
왕초..보
한종원
초보
곽연복
새라텐크레디
톡박커01
명랑지훈
고승기
구린터01