javascript array foreach match

computer programming 2009. 11. 10. 17:12
  <script>

    var arr = new Array();
    arr.push("22");
    arr.push("21");
    arr.push("");
    arr.push("23");
    arr.push("32");
    arr.push("15");
    arr.push("33");
    arr.push("3");
    arr.push("2");

    for( var key in arr ){
        var v= arr[key];
        if( v.match("22|23|33|32") ){
            document.writeln( v );
            document.writeln("<hr>");
        }
    }
  </script>

결과:
22
23
43
33
Posted by stekilove
,

javasdript sort ascending descending

computer programming 2009. 9. 4. 11:09
(img1.src < img2.src)

-- 문자열 정렬
var list = new Array();
list.push("a");
list.push("b");
list.push("t");
list.push("c");

list.sort( function( a, b, ){  return (a>b)-(a<b); } ); // ascending sort
a b c t
list.sort( function( a, b, ){  return (a<b)-(a>b); } ); // descending sort
t c b a

숫자정렬은
  function( a, b, ) { return a-b; } 이런식으로 하면 된다. ^^
Posted by stekilove
,

동적 mouse event 생성시 사용되는 parameter

computer programming 2009. 9. 3. 14:31 
reference-site: http://www.quirksmode.org/js/events_mouse.html




element.onmousemove = doSomething;


function doSomething(e) {

	if (!e) var e = window.event;

	var tg = (window.event) ? e.srcElement : e.target;

	if (tg.nodeName != 'DIV') return;

	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement; //

	while (reltg != tg && reltg.nodeName != 'BODY')

		reltg= reltg.parentNode

	if (reltg== tg) return;

}





function doSomething(e) {

	if (!e) var e = window.event;

	var relTarg = e.relatedTarget || e.fromElement;

}

function doSomething(e) {

	if (!e) var e = window.event;

	var relTarg = e.relatedTarget || e.toElement;

}
Posted by stekilove
,

javascript each Closure 확장

computer programming 2009. 8. 31. 13:34

<html><head>
<script>
 (function () {
  var swapper = function (a,r,e) {
   var x = a[e];
   a[e] = a[r];
   a[r] = x;
  };
  Array.prototype.shuffle = function () {
   var i,L;
   i = L = this.length;
   while (i--) swapper(this,Math.floor(Math.random()*L),i);
  };
  Array.prototype.each = function(fun)
  {
   if (typeof(fun) != "function") throw new TypeError();
   var thisp = arguments[1];
   for (var key in this){
    if(typeof(this[key])=="function") continue;
    fun.call(thisp, key, this[key]);
   }
  };
 })();

 var words = new Array();
 var fid=document.getElementById;
 var BORDER_STYLE_CLEAR="2px solid #FFFFFF";
 var BORDER_STYLE_OVER="2px solid #FFCC00";

 onload=function(){
  initImage();
  doProcess();
 }

 function initImage(){
  words.push("bend.jpg");
  words.push("carry.jpg");
  words.push("catch.jpg");
  words.push("climb.jpg");
  words.push("crawl.jpg");
  words.shuffle();
 }

 function clearMemo(imgObj){
  fid("MEMO").innerHTML="";
  imgObj.style.border = BORDER_STYLE_CLEAR;
 }

 function printMemo(imgObj){
  var fileNameArr=imgObj.src.split("/");
  var fileName=fileNameArr[fileNameArr.length-1];
  var name=fileName.split(".")[0].replace(".*/","");
  fid("MEMO").innerHTML=name+"<img src='"+fileName+"' align=top>";
  imgObj.style.border = BORDER_STYLE_OVER;

  // style="background: url(http://source.img) no-repeat; margin-left: 20px; padding: 10px; width:300px; height:200px;" >
 }

 function doProcess(){
  var str = "";

  words.each( function(key, value){

   str = str + "<img src='" + value + "' " +
    " onmouseover='printMemo(this)' " +
    " onmouseout='clearMemo(this)' " +
    " style='border:"+BORDER_STYLE_CLEAR+";height:64px;'>";

  });


  // 참고: http://www.w3schools.com/tags/tag_IMG.asp


  fid("SUMNAIL").innerHTML = str;
 }

  </script>
 </HEAD>

 <BODY>
 <div id="MEMO" style="font-size:24pt;height=200px"></div>
 <div id="SUMNAIL"></div>
 </BODY>
</HTML>

Posted by stekilove
,

dynamic html button making

computer programming 2009. 7. 13. 11:39
<HTML>
<HEAD>
  <TITLE> Steki's Dynamic Button Making </TITLE>
  <script>

    var StekiUtil={
        fid:function(id)
        {
            return document.getElementById(id);
        }

        , addEventListenerById:function( objId, evtName, fuc )
        {
            StekiUtil.addEventListenerByObject(StekiUtil.fid(objId), evtName, fuc );
        }

        , addEventListenerByObject:function( obj, evtName, fuc )
        {
            if (obj.addEventListener)
            {
                obj.addEventListener(evtName, fuc, false);
            }
            else
            {
                obj.attachEvent("on" + evtName, fuc);
            }

            if(evtName=="click" && obj){
                obj.style.cursor=obj.addEventListener?"pointer":"hand";
            }
        }
    }

    function MyButton(id, func ){
        this.myButton = document.createElement("input");
        this.myButton.name = id;
        this.myButton.value = id;
        this.myButton.type = "button";
        StekiUtil.fid(id).appendChild(this.myButton);
        StekiUtil.addEventListenerByObject(this.myButton,"click", func );

        this.setValue = function(value){
            this.myButton.value=value;
        };
    }

    function onMyButtonClick()
    {
        alert('hi_button_2');
    }

    function initComponent(){

        new MyButton("myButton_1", function (){ alert('hi_button_1'); } );

        var myButton2 = new MyButton("myButton_2", onMyButtonClick );
        myButton2.setValue("Button click");


        StekiUtil.addEventListenerById("myImgButton","click", function(){ alert('hi_img_button'); } );

    }

    onload=function(){
        initComponent();
    }

  </script>

</HEAD>

<BODY>
  <span id="myButton_1"></span>
  <br>
  <span id="myButton_2"></span>
  <br>
  <img src="http://sstatic.naver.com/search/images11/btn_gnb_login.gif" id="myImgButton">

 </BODY>
</HTML>
Posted by stekilove
,

javascript -> StringBuffer

computer programming 2007. 12. 17. 17:06

JavaScript StringBuffer

function StringBuffer() { this.buffer = []; }

StringBuffer.prototype.append = function(string)
{
this.buffer.push(string);
return this;
}

StringBuffer.prototype.toString = function()
{
return this.buffer.join("");
}

To use it:
var s = new StringBuffer();
s.append("Hello, ").append(" World!");
alert(s.toString());
link:
http://www.multitask.com.au/people/dion/archives/000354.html
 
Posted by stekilove
,

티스토리툴바