좌충우돌 웹퍼블리셔 일기

<script language="JavaScript" type="text/javascript">
//정렬 : 데이터를 작은것에서 큰것순으로 정렬(오름차순) 또는 그반대(내림차순)
var sort = [33,22,11,55,44]
var temp = 0;
for (var i=0;i<sort.length-1;i++){
 for (var j=i;j < sort.length;j++){
  if (sort[i] > sort[j]){ // > 부호만 반대로 바꿔주면 오름/내림차순 변경 가능
   temp = sort[i];
   sort[i] = sort[j];
   sort[j] = temp;
  }
 } 
}

for (var i=0;i<sort.length ;i++){
 document.write(sort[i] + " ");
}
document.write("<br />")
</script>

몰랐습니다.........예전부터 있었다는데 -ㅅ-;ㅋ
이미지가 없을경우 대체 이미지로 뜨는것. 이걸로 해결 할수 있음. 그런데 이게 표준이 맞는걸까? 일단 4대 브라우저에서 모두 되는것을 확인.




# 예시

<img src="XXX.jpg" onerror='this.src="http://xxx.com/image/public/illust_picture2.gif"' />

# Script

<script language="JavaScript　" type="text/JavaScript　">
function imgError()
{
event.srcElement.src = "http://xxx.com/image/public/illust_picture2.gif";
}
var all_img=document.getElementsByTagName("IMG")
if(all_img.length > 0)
{
 for(var i=0;i<all_img.length;i++)
 {
  all_img[i].onerror=imgError;
 }
}
</script>



/***************************************************************************************/

http://pat.im/801

위 주소에서 자세한 내용을 확인할 수 있었다.

표준에서는  구조와 동작을 분리하기에 img 안에 스크립트 넣는것을 오류로 처리한다.
이것 하나 때문에 여러가지 처리를 해주는 것에 대해 의견이 분분한듯. 위 링크에서 해결책을 제시해주었다.

<div id="text1"></div>

    <script type="text/javascript">
      var now =new Date();
      var time = now.getHours();

      switch(time) {
        case 10 :
          msg = "이벤트 시작  1시간 전입니다.";
          break;
        case 11 :
        case 12 :
        case 13 :
        case 14 :
          msg = "이벤트가 진행되고 있습니다. ";
          break;
        case 17 :
        case 18 :
        case 19 :
        case 20 :
          msg = "이벤트가 종료되었습니다.";
          break;
        default :
          msg = "4월 25일 11시에 이벤트가 시작됩니다. 놓치지 마세요.";
     }

      document.getElementById("text1").innerText = msg;
    </script>

 <div id="text1"></div>

    <script type="text/javascript">
      var now =new Date();
      var time = now.getHours();

      msg = (time > 8 && time <= 10) ? "이벤트가 시작되었습니다.: "이벤트 시간이 아닙니다.";

      document.getElementById("text1").innerText = msg;
    </script>

<script language="JavaScript">
 function hideLevel(fileLayer) {
    var thisLevel = document.getElementById( fileLayer );
    thisLevel.style.display = "block";
    }

 function showHide(fileLayer) {
  var thisLevel = document.getElementById( fileLayer );
  if ( thisLevel.style.display == "block") {
   thisLevel.style.display = "none";
   }
  else {
   hideLevel( fileLayer );
   }
  }
 </script>

onClick="showHide('fileLayer');"

<div id="fileLayer" class="none">
돌아가긴 하는데 맞는건질 모르겟다;
</div>