조회 : 87
안녕하세요
이번에 저희 위젯 서비스 업데이트를 위해 롤링배너를 !!감사히!!^^ 사용할려고 하는데
익스플로어 외에 다른 브라우져에서 롤링이 안통해서 이렇게 구원요청을 하게 됐습니다..
현재 사용 중인 위젯 링크(아래)
위 서비스에서 오른쪽으로 자동롤링과 좌우 이동 버튼을 사용하려고 하는데
탭 버튼을 눌렀을 때 롤링클래스를 한번 더 타게 되면 롤링 스피드가 빨라지더라구요..
조건을 통해 롤링 스피드를 초기화해서 사용했을 때 익스플로어에서는 정상적으로
진행이 되지만 이 외 파폭 또는 오페라 & 크롬 등에서는 여전히 속도까 빨라지는
현상이 나옵니다..
혹시 조언 가능하시면 부탁드릴께요 ^^
Email : ybsarang@hunjang.com
--오른쪽으로 진행되는 롤링이 적용 된 코드입니다.
-----------------------------------------------------------------------------------------------------------------
<table width="166" height="230" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="29"> </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> <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'> </td><td class='blue' width='61px' title='"+DATA4+"'>"+DATA4.substring(0,5)+"..</td><td width='3'> </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>
제목 | 작성자 | 날짜 |
---|---|---|
공대여자 | ||
mins | ||
김영봉 | ||
왕초..보 | ||
한종원 | ||
초보 | ||
곽연복 | ||
새라텐크레디 | ||
톡박커01 | ||
명랑지훈 | ||
고승기 | ||
안녕하셈
1
|
구린터01 |