res/skin/skin30-2G/chie_image.js

   1 // \83C\83x\83\93\83g\83n\83\93\83h\83\89\81FonMouseover
   2 // \8aO\95\94\8aÖ\90\94\81FaddAnchor
   3 // \8aO\95\94\95Ï\90\94\81Fcp,tp,vp,dds
   4 //======\89æ\91\9c\93Ç\8d\9e\82Ì\90Ý\92è
   5 var onMouseLoad=true;   // true:\83J\81[\83\\83\8b\82ð\8d\87\82í\82¹\82½\82¾\82¯\81Afalse:LOAD\83{\83^\83\93\82ð\83N\83\8a\83b\83N\82µ\82Ä\82©\82ç
   6 //==========\83O\83\8d\81[\83o\83\8b\95Ï\90\94
   7 //==========\89æ\91\9c\8f\88\97\9d\93\99
   8 var lightmode = true;
   9 // \83\82\81[\83h\90Ø\91Ö
  10 function changeMode(){
  11  var bd=document.body;
  12  var dl=document.getElementById("dl");
  13  if(lightmode){//normal\82Ö
  14   /* scroll\88Ê\92u\8bL\89¯ */  var y=bd.scrollTop;
  15   /* \8b[\8e\97\83t\83\8c\81[\83\80\89» */
  16   bd.style.overflowY="hidden";
  17   dl.style.posWidth =bd.clientWidth-120;
  18   dl.style.height   ="100%";
  19   dl.style.overflowY="scroll";
  20   /* \83\82\81[\83h\88Ú\8ds */      lightmode=false;
  21   /* \83X\83N\83\8d\81[\83\8b */      dl.scrollTop=y;  scrollTo(0,0);
  22   /* tp\82Ì\95\\8e¦   */      tp.style.visibility="visible";
  23   /* cp\82Ì\88Ú\93®   */      cp.style.posRight=3;
  24   /* panel=on   */      panel=true;
  25  }else{ //light\82Ö
  26   var dcW=panel ? dl.clientWidth+120 : dl.clientWidth;
  27   /* scroll\88Ê\92u\8bL\89¯ */  var y=dl.scrollTop;
  28   /* \8b[\8e\97\83t\83\8c\81[\83\80\89ð\8f\9c */
  29   bd.style.overflowY="scroll";
  30   dl.style.posWidth =dcW;
  31   dl.style.posHeight="";
  32   dl.style.overflowY="auto";
  33   /* \83\82\81[\83h\88Ú\8ds */      lightmode=true;
  34   /* \83X\83N\83\8d\81[\83\8b */      bd.scrollTop=y;
  35   /* tp\82Ì\94ñ\95\\8e¦ */      tp.style.visibility="hidden";
  36   /* cp\82Ì\88Ú\93®   */      cp.style.posRight=3;
  37   /* panel=off  */      panel=false;
  38  }
  39 }
  40
  41 // \83p\83l\83\8b\82Ì\93W\8aJ
  42 var panel;
  43 function changePanel(){
  44  if(lightmode){return}
  45  var dl=document.getElementById("DL");
  46  /* \95Â */if(panel){cp.style.posRight=18;dl.style.posWidth=document.body.clientWidth;    tp.style.visibility="hidden";   panel=false;}
  47  /* \8aJ */else     {cp.style.posRight=3; dl.style.posWidth=document.body.clientWidth-120;tp.style.visibility="visible";  panel=true;}
  48 }
  49 // LOAD\83{\83^\83\93
  50 function insButton(a,hRH) {
  51  if(a.className!='replaced' && a.parentElement.tagName!='DIV'){
  52   if(imageExt2(a.href)){
  53    var nHTML='<input type="button" value="LOAD" onClick=\'loadImage(this,"'+a.href+'");blur()\'>';
  54   }else if(imageExt(a.href)){
  55    var nHTML='<input type="button" value="LOAD" onClick=\'loadImage(this,"'+a.href+'");blur()\'>'
  56             +'<input type="button" value="VIEW" onClick=\'changeView("swf","'+a.href+'");blur()\'>';
  57   }else{
  58    if(hRH){var ahref=hRH}else{var ahref=a.href}
  59    var nHTML='<input type="button" value="VIEW" onClick=\'changeView("html","'+ahref+'");blur()\'>'
  60             +'<input type="button" value="CHECK" onClick=\'changeView("html","http://www.tekijuku.com/URL/?url='+ahref+'");blur()\'>';
  61   }
  62   a.insertAdjacentHTML('AfterEnd',nHTML);
  63   a.className = 'replaced';
  64   if(onMouseLoad && imageExt2(a.href)){loadImage(a.nextSibling,a.href)}
  65   return;
  66  }
  67 }
  68 // \89æ\91\9c\93Ç\8d\9e
  69 function loadImage(btn,href){
  70  if(!panel){changePanel()}
  71  if(btn.tagName!="A"){
  72   var thumbs = document.images;
  73   var l=thumbs.length;
  74   for(var i=l;i--;){if(thumbs[i].src==href){
  75    if(lightmode){tp.style.visibility="visible";viewed=true;}
  76    thumbs[i].scrollIntoView(true);
  77    imgOver(thumbs[i],100);
  78    return true;
  79   }}
  80  }
  81  if(btn.parentElement.tagName=="DD"){var dt = btn.parentElement.previousSibling;}
  82  else                               {var dt = btn.parentElement;}
  83  var num = dt.firstChild.innerText;
  84  if(href.search(/\.swf/i)==-1){
  85   var nHTML = '<div><img src="'+href+'" onLoad="imgResult(this)" onError="imgResult(this)" onClick="changeView(\'img\')" onmouseover="imgOver(this,100)" onmouseout="imgOver(this,30)">'
  86             +addAnchor(num,num)+' '
  87             +'<button onClick="changeSize(this);blur()">...</button>'
  88             +'<button onClick="removeThumb(this)">DEL</button>'
  89             +'</div>';
  90  }else{
  91   var nHTML = '<div><embed src="'+href+'" onFocus="changeView(\'swf\')"></embed>'
  92             +addAnchor(num,num)+' '
  93             +'<button onClick="blur()">___</button>'
  94             +'<button onClick="removeThumb(this)">DEL</button>'
  95             +'</div>';
  96  }
  97  if(btn.tagName=="INPUT"){btn.value = 'LOADED';}
  98  tp.insertAdjacentHTML('BeforeEnd',nHTML);
  99  //\95\\8e¦\8cp\91±
 100  if(!viewed){tp.style.visibility="visible";viewed=true;}
 101 }
 102 // \89æ\91\9c\93Ç\8d\9e\94»\92è
 103 function imgResult(img){
 104  var btn=img.parentElement.children.item(2);
 105  if(event.type=="load"){btn.value='___'; img.style.display='block';}
 106  else                  {btn.value='NONE';btn.style.color='#C00';}
 107 }
 108 // \83T\83C\83Y\82Ì\90Ø\91Ö
 109 function changeSize(btn){
 110  var img=vp.firstChild;
 111  if(!img){return}
 112  if(btn.innerText.match(/100%|_+/)){
 113   var hRatio=vp.style.pixelWidth /img.offsetWidth;
 114   var vRatio=vp.style.pixelHeight/img.offsetHeight;
 115   var ratio =(hRatio>vRatio) ? vRatio : hRatio;
 116   if(ratio>1){ratio=1}else{img.style.zoom=ratio*100+'%';}
 117   btn.innerText=Math.round(ratio*100-0.5)+"%";
 118  }else{
 119   img.style.zoom="100%";
 120   btn.innerText="100%";
 121  }
 122 }
 123 // \83T\83\80\83l\83C\83\8b\82Ì\8dí\8f\9c
 124 function removeThumb(btn){btn.parentElement.removeNode(true);}
 125 // \89æ\91\9c\95\\8e¦\82Ì\90Ø\91Ö
 126 function changeView(mode,href){
 127  if(!href){href=event.srcElement.src}
 128  if(tp){
 129   var l=tp.childNodes.length;
 130   for(var i=l;i--;){
 131    var stateBtn=tp.childNodes[i].childNodes[2];
 132    if(stateBtn.tagName=="BUTTON" && stateBtn.innerText!="NONE"){stateBtn.innerText="___"} //embed\82ÍchildNodes\82É\93ü\82ç\82È\82¢?
 133   }
 134  }
 135  if(!vp.hasChildNodes() || vp.firstChild.src!=href){
 136   var nHTML,buttons;
 137   if(browser!="\83z\83b\83g\83]\83k\82Q"){buttons='<button onclick="window.open(\''+href+'\',\'_parent\');clearView()">OPEN</button><button onclick="clearView()">CLOSE</button>';}
 138   else                       {buttons='<button onclick="window.open(\''+href+'\',\'_blank\');clearView()">OPEN</button><button onclick="clearView()">CLOSE</button>';}
 139   if     (mode=="img") {nHTML='<img src="'+href+'" ondragstart="imageMoveStart(this)" ondrag="imageMove(this)" onclick="clearView()">'}
 140   else if(mode=="swf") {nHTML='<embed src="'+href+'"></embed>'+buttons}
 141   else if(mode=="html"){nHTML='<object data="'+href+'" type="text/html" onError="htmlNotFound()"></object>'+buttons}
 142   vp.innerHTML=nHTML;
 143   vp.style.posWidth =document.body.clientWidth -130;
 144   vp.style.posHeight=document.body.clientHeight-20;
 145   if(mode=="img"){changeSize(event.srcElement.parentElement.childNodes[2])}
 146  }else{clearView()}
 147 }
 148 //View\83p\83l\83\8b\83N\83\8a\83A
 149 function clearView(){
 150  while(vp.hasChildNodes()){vp.childNodes[0].removeNode(true)}
 151  vp.style.posWidth ="";
 152  vp.style.posHeight="";
 153 }
 154 var imageMoveX,imageMoveY;
 155 function imageMoveStart(obj){
 156  imageMoveX=obj.parentElement.scrollLeft+event.clientX;
 157  imageMoveY=obj.parentElement.scrollTop +event.clientY
 158 }
 159 function imageMove(obj)     {
 160  obj.parentElement.scrollLeft=imageMoveX-event.clientX;
 161  obj.parentElement.scrollTop=imageMoveY -event.clientY
 162 }
 163 function htmlNotFound(){
 164  alert('404 NotFound \82©\82à\ ');
 165  clearView();
 166 }
 167 // LOAD\83{\83^\83\93\91}\93ü\91Î\8fÛ\8ag\92£\8eq\81i\92Ê\8fí\97p\81j
 168 function imageExt(isu) {if(isu.search(/\.png$|\.jp(g|e|eg)$|\.gif$|\.bmp$|\.swf/i)!=-1){return true}else{return false}}
 169 // LOAD\83{\83^\83\93\91}\93ü\91Î\8fÛ\8ag\92£\8eq\81i\88ê\8a\87\93Ç\8d\9e\97p\81j
 170 function imageExt2(isu){if(isu.search(/\.png$|\.jp(g|e|eg)$|\.gif$|\.bmp$/i)!=-1){return true}else{return false}}
 171
 172 // \89æ\91\9c\88ê\8a\87\93Ç\82Ý\8d\9e\82Ý
 173 var allLoaded;
 174 function allImageLoad(mode){
 175  var ddl=dds.length;var exist;
 176  for(var i=0;i<ddl;i++){
 177   if(mode=="new"){if(dds[i].previousSibling.className!="new"){continue}}
 178   cl=dds[i].childNodes.length;
 179   for(j=0;j<cl;j++){
 180    cn=dds[i].childNodes[j];
 181    if(cn.tagName == "A"){
 182     if(imageExt2(cn.href)){loadImage(cn,cn.href);exist=true}
 183    }
 184   }
 185  }
 186  if(!exist){
 187   var target;
 188   if(mode=="new"){target="\90V\92\85\83\8c\83X"}else{target="\91S\82Ä\82Ì\83\8c\83X"}
 189   alert(target+"\82É\89æ\91\9c\82Í\82È\82¢\82æ\ ")
 190  }
 191 }
 192 // \83\82\83U\83C\83N\8f\88\97\9d
 193 function imgOver(my,num) {my.style.filter="Alpha(opacity="+num+")"}