[스크립트] 버튼을 클릭하면 이미지 번갈아 나타내기 정보
[스크립트] 버튼을 클릭하면 이미지 번갈아 나타내기
본문
<script language=JavaScript>
var flag = false;
var strCheck="3";
var img = new Image;
function member_test(f, msg1, msg2) {
if (strCheck < 2 ){alert("테스트입니다.");}
else if(flag == false) { f.value = msg2; flag = true; } else { f.value = msg1; flag = false; }
}
function test(f, msg1, msg2) {
if (strCheck < 2 ){alert("테스트입니다.");}
else if(flag == false) { img.src = msg2;flag = true;f.replaceNode(img);}
else { f.value = msg1; flag = false; }
}
</script>
① <input type=button value="테스트" onClick="member_test(this,'테스트',' test ');">
② <input type=button value="테스트" onClick="test(this,'테스트',' http://static.naver.com/kin/img/k1/main/gnb_menu02.gif ');">
--------------------------------------------------------------------------------------------------------------------------------------
①번은 클릭하면 테스트↔test 번갈아 나타납니다
② 번도 클릭하면 이미지↔테스트 번갈아 나타나도록 하고 싶은데 잘 안되네요. 방법이 없을까요?
고수님의 도움을 부탁드립니다.
var flag = false;
var strCheck="3";
var img = new Image;
function member_test(f, msg1, msg2) {
if (strCheck < 2 ){alert("테스트입니다.");}
else if(flag == false) { f.value = msg2; flag = true; } else { f.value = msg1; flag = false; }
}
function test(f, msg1, msg2) {
if (strCheck < 2 ){alert("테스트입니다.");}
else if(flag == false) { img.src = msg2;flag = true;f.replaceNode(img);}
else { f.value = msg1; flag = false; }
}
</script>
① <input type=button value="테스트" onClick="member_test(this,'테스트',' test ');">
② <input type=button value="테스트" onClick="test(this,'테스트',' http://static.naver.com/kin/img/k1/main/gnb_menu02.gif ');">
--------------------------------------------------------------------------------------------------------------------------------------
①번은 클릭하면 테스트↔test 번갈아 나타납니다
② 번도 클릭하면 이미지↔테스트 번갈아 나타나도록 하고 싶은데 잘 안되네요. 방법이 없을까요?
고수님의 도움을 부탁드립니다.
댓글 전체
var flag = false;
var strCheck="3";
var img = new Image;
이 변수들도 ② 번 용으로 추가로 만드세요.
var strCheck="3";
var img = new Image;
이 변수들도 ② 번 용으로 추가로 만드세요.
안되는데요. 아마 이미지로 바뀌었을때 함수호출이 되지않아 그런것 같은데요..
어떻게 해야할지..
어떻게 해야할지..
음... 정확한 답변은 아니지만
<script language=JavaScript>
var flag = false;
var strCheck="3";
function test() {
if(flag == false) {
bt.innerHTML="<input type='image' src='http://static.naver.com/kin/img/k1/main/gnb_menu02.gif' onClick='test();'>";
flag = true;
} else {
bt.innerHTML="<input type='button' value='테스트' onClick='test();'>";
flag = false;
}
}
</script>
<div id="bt">
<input type='button' value='테스트' onClick="test();">
</div>
이런식으로 해볼 수는 있겠네요;;
<script language=JavaScript>
var flag = false;
var strCheck="3";
function test() {
if(flag == false) {
bt.innerHTML="<input type='image' src='http://static.naver.com/kin/img/k1/main/gnb_menu02.gif' onClick='test();'>";
flag = true;
} else {
bt.innerHTML="<input type='button' value='테스트' onClick='test();'>";
flag = false;
}
}
</script>
<div id="bt">
<input type='button' value='테스트' onClick="test();">
</div>
이런식으로 해볼 수는 있겠네요;;
답변에 감사드립니다. 덕분에 아래처럼해서 해결하였습니다.
<script language=JavaScript>
var flag = false;
var strCheck="3";
function fnTest(hidName, divName) {
var frmBlock = document.getElementById(divName);
var frmNone = document.getElementById(hidName);
if (strCheck < 2 ) alert("테스트입니다.");
else if(flag == false) {
frmBlock.style.display = "block";
frmNone.style.display = "none";flag = true; } else {
frmBlock.style.display = "none";
frmNone.style.display = "block";flag = false;}
}
</script>
<div id="divBtn4" style="display:block">
<input type="button" name="btnTest4" value="테스트" onclick="fnTest('divBtn4', 'divHid4')"></div>
<div id="divHid4" style="display:none">
<input type='image' src='http://static.naver.com/kin/img/k1/main/gnb_menu02.gif' onclick="fnTest('divBtn4', 'divHid4')"></div>
<script language=JavaScript>
var flag = false;
var strCheck="3";
function fnTest(hidName, divName) {
var frmBlock = document.getElementById(divName);
var frmNone = document.getElementById(hidName);
if (strCheck < 2 ) alert("테스트입니다.");
else if(flag == false) {
frmBlock.style.display = "block";
frmNone.style.display = "none";flag = true; } else {
frmBlock.style.display = "none";
frmNone.style.display = "block";flag = false;}
}
</script>
<div id="divBtn4" style="display:block">
<input type="button" name="btnTest4" value="테스트" onclick="fnTest('divBtn4', 'divHid4')"></div>
<div id="divHid4" style="display:none">
<input type='image' src='http://static.naver.com/kin/img/k1/main/gnb_menu02.gif' onclick="fnTest('divBtn4', 'divHid4')"></div>