/*
이 스크립트 파일은 body의 최상단에 가져온다.
그래야 문자 길이 테스트를 할 수 있다.
*/
document.write("");
/*
외부에서 사용가능한 함수들...
// marquee의 기본설정을 바꾼다.
// userconfig를 이용하지 않고서도 여러개의 marquee의 속성을 동시에 변화시킬수 있다.
aresChangeDefaultConfig(speed,width,height,delay,style,direction);
// 주어진 컨트롤에 보여줄 항목 추가
aresMargueeAdd(objname,val);
// 보여주기 시작
aresMargueeStart(objname,userconfig);
// 아래의 두함수는 ONMOUSEOVER , ONMOUSEOUT을 이용할때 사용하면 편리하다.
// 한줄로 자동으로 marquee를 보여주기를 시작한다.
aresMargueeOneLineStart(objname);
// 한줄로 자동으로 marquee를 보여주기를 끝낸다.
aresMargueeOneLineFinish(objname);
*/
var aresmarquee_define_speed=20;
var aresmarquee_define_width=70;
var aresmarquee_define_height=70;
var aresmarquee_define_delay=5000;
var aresmarquee_define_style="font-size:12px;";
var aresmarquee_define_direction="up";
var aresmarquee_define_mode="normal";
function aresChangeDefaultConfig(speed,width,height,delay,style,direction,mode){
if(speed!=null) aresmarquee_define_speed=speed;
if(width!=null) aresmarquee_define_width=width;
if(height!=null) aresmarquee_define_height=height;
if(delay!=null) aresmarquee_define_delay=delay;
if(style!=null) aresmarquee_define_style=style;
if(direction!=null) aresmarquee_define_direction=direction;
if(mode!=null) aresmarquee_define_mode=mode;
}
function aresMargueeAdd(objname,val){
var config=document.all[objname].config;
if(!config){
config=_aresMargueeMake(objname);
if(config==null){
alert("이 항목을 추가할 수 없습니다.");
return;
}
}
config.itemList[config.itemCnt]=val;
config.itemCnt++;
}
function aresMargueeStart(objname,userconfig){
var config=document.all[objname].config;
if(!config){
config=_aresMargueeMake(objname);
if(config==null){
return;
}
}
if(userconfig){
for(var thisName in userconfig){
if(userconfig[thisName]){ config[thisName] = userconfig[thisName]; }
}
}
if(config.direction=="up") config.limit=config.height;
else config.limit=config.width;
var obj=document.all(objname);
if(config.itemCnt == 0) return;
config.obj = obj;
tmpindex = 0;
var newhtml="";
if(config.direction=="up"){
newhtml+="";
}
else{
for(i=0;i<=config.itemCnt;i++){
newhtml+="";
}
newhtml+="";
}
for(i=0;i"+config.itemList[i]+"
";
}
else{
newhtml+=""+config.itemList[i]+" | ";
}
}
if(config.direction=="up"){
newhtml+="| "+config.itemList[0]+" |
";
}
else{
newhtml+=""+config.itemList[0]+" | ";
}
newhtml+="
";
config.obj.innerHTML=newhtml;
//alert(newhtml);
if(config.mode=="oneline"){
if(config.itemCnt>1||config.direction=="up"){
alert("oneline 모드는 한개의 아이템과 left direction일 경우에만 사용할 수 있습니다. oneline 모드는 무시됩니다.");
}
else{
var newhtml="";
newhtml+="";
newhtml+="| "+config.itemList[0]+" |
";
newhtml+="
";
config.obj.innerHTML=newhtml;
return;
}
}
_aresMargueeProc(objname);
}
function aresMargueeOneLineStart(objname) {
var config=document.all[objname].config;
if(config==null){
alert("fail aresMargueeOneLineStart");
return;
}
if(config.bFinishedCalForOneLine==false){
config.bFinishedCalForOneLine=true;
var spanctrl=document.all("span_test_size");
var tdctrl=document.all("td_test_size");
if(spanctrl==null||tdctrl==null){ alert("spanctrl==null||tdctrl==null"); return; }
tdctrl.innerHTML=config.itemList[0];
spanctrl.style.display="inline";
var noffsetWidth=tdctrl.offsetWidth;
spanctrl.style.display="none";
if(noffsetWidth>config.limit){
config.bCanMarqueeForOneLine=true;
config.bStop=false;
_aresMargueeProc(objname);
}
}
else{
if(config.bCanMarqueeForOneLine){
config.bStop=false;
if(config.amount==0){
config.started=false;
}
_aresMargueeProc(objname);
}
}
}
function aresMargueeOneLineFinish(objname) {
var config=document.all[objname].config;
if(config==null){
alert("fail aresMargueeOneLineStart");
return;
}
config.bStop=true;
}
function _aresMarguee(objname) {
this.obj = null;
this.objname = objname;
this.speed=aresmarquee_define_speed;
this.width=aresmarquee_define_width;
this.height=aresmarquee_define_height;
this.delay=aresmarquee_define_delay; // 한아이템을 보여줄 시간.... 물처럼 흐르게 하려면 speed와같게하면 되겠당.
this.style=aresmarquee_define_style;
this.direction=aresmarquee_define_direction; // left, up
this.mode=aresmarquee_define_direction; // normal:이것저것 신경안쓰고 무조건 marquee, oneline:한라인일 경우 주어진 공간보다 표시될게 많을때만 marquee.
this.started = false;
this.limit= 70;
this.amount = 0;
this.loopcnt = 0;
this.curIndex = 0;
this.itemCnt = 0;
this.bFinishedCalForOneLine = false;
this.bCanMarqueeForOneLine = false;
this.bStop = false;
this.onecyclefinished=false;
this.itemList = new Array();
return this;
}
function _aresMargueeMake(objname,userconfig){
if(document.all[objname]==null){
var szalert=objname+" 엘리먼트를 찾을 수 없습니다.";
alert(szalert);
return null;
}
if(document.all[objname].config!=null){
var szalert=objname+"에 대한 marquee는 이미 생성되어 있습니다.";
alert(szalert);
return document.all[objname].config;
}
var config=new _aresMarguee(objname);
document.all[objname].config=config; // store config settings
return config;
}
function _aresMargueeProc(objname){
var config=document.all[objname].config;
if(config.bStop&&config.amount==0) return;
if(config.started){
if(config.direction=="up") config.obj.scrollTop++;
else config.obj.scrollLeft++;
config.amount ++;
//테이블 내용을 처음 상태로 되돌림.
if(config.onecyclefinished==true&&config.amount == config.limit-1){
config.started = false;
config.onecyclefinished=false;
config.amount = 0;
config.loopcnt=0;
config.curIndex = 0;
//_aresMargueeProc(objname);
setTimeout("_aresMargueeProc('"+objname+"');",config.delay);
}
//다음 항목을 스크롤
else if(config.amount == config.limit) {
config.amount = 0;
config.curIndex ++;
//마지막 스크롤인 경우
if(config.curIndex >= config.itemCnt-1){
config.onecyclefinished=true;
}
//alert("다음 항목을 스크롤");
setTimeout("_aresMargueeProc('"+objname+"');",config.delay);
}
else{
//스크롤이 다 올라오지 않은 경우
setTimeout("_aresMargueeProc('"+objname+"');",config.speed);
}
}
else{
if(config.direction=="up") config.obj.scrollTop=0;
else config.obj.scrollLeft=0;
config.started = true;
config.amount = 0;
config.onecyclefinished=false;
setTimeout("_aresMargueeProc('"+objname+"');",config.delay);
}
}