five minutes of funk, ljk.kr

var locked = 0;

function show(imagenr)
{
    if (locked) return;
    var i;
    var image;
    var el;
  var e = document.getElementById('ratetext');
  var StateMSG;

    for (i=1; i<=imagenr; i++) {
        image = 'image' + i;
        el = document.getElementById(image);
        el.src="star1.gif";
    }

  switch (imagenr) {
   case 1:
    StateMSG = "20점";
    break
   case 2:
    StateMSG = "40점";
    break
   case 3:
    StateMSG = "60점";
    break
   case 4:
    StateMSG = "80점";
    break
   case 5:
    StateMSG = "100점";
    break
   default:
    StateMSG = "";
  }
  e.innerHTML = StateMSG;
}

function noshow(imagenr)
{
    if (locked) return;
    var i;
    var image;
    var el;
 

    for (i=1; i<=imagenr; i++) {
        image = 'image' + i;
        el = document.getElementById(image);
        el.src="star0.gif";
    }
}

function lock(imagenr)
{
    show(imagenr);
    locked = 1;
}

function mark(imagenr)
{
    //show(imagenr);
    //locked = 1;
    lock(imagenr);

    var e = document.getElementById('ratetext');
   

    /* store rating on server */
    var xmlhttp;
    try {
        xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {
        // todo
    }
    //var qs = "UccPointProcess.asp?rate=" + imagenr; 
    //xmlhttp.open("GET", qs);
 
  xmlhttp.open("GET", "point_.asp?rate=" + imagenr,true);
  xmlhttp.onreadystatechange=function() {
   if (xmlhttp.readyState==4) {
    e.innerHTML = xmlhttp.responseText;
   }
  }
  xmlhttp.send(null)
}

<DIV id=rating align=center>
   <SPAN>
    <IMG id=image1 onmouseover=show(1) onclick=mark(1) onmouseout=noshow(1) src="star0.gif">
    <IMG id=image2 onmouseover=show(2) onclick=mark(2) onmouseout=noshow(2) src="star0.gif">
    <IMG id=image3 onmouseover=show(3) onclick=mark(3) onmouseout=noshow(3) src="star0.gif">
    <IMG id=image4 onmouseover=show(4) onclick=mark(4) onmouseout=noshow(4) src="star0.gif">
    <IMG id=image5 onmouseover=show(5) onclick=mark(5) onmouseout=noshow(5) src="star0.gif">
   </SPAN>
   <br/><SPAN id=ratetext>평가하기</SPAN>
 </DIV>

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by web20korea