2012年3月14日 星期三

Show and hide element

Style:

.show{
            margin-left:5px;
            margin-top:15px;
            width:24px;
            height:24px;
            /*display:inline;*/
            vertical-align: text-bottom;
        }


.hidden{
display:none;
}
HTML:
<img class="hidden" id="correct1" src="./images/wrong.png" />



Javascript:
var check = function(){
console.log('check answer');
for(var i=1;i<=10;i++){
Ext.get('correct'+i).removeCls('hidden');
Ext.get('correct'+i).addCls('show');
}
};

var markCorrect = function(elementId){
document.getElementById(elementId).src="./images/correct.png";
}

沒有留言:

張貼留言