본문 바로가기

컴퓨터/언어,프로그래밍

라디오 버튼으로 보이기/숨기기 + 자바스크립트 아이프레임(iframe) 내용 바꾸기 + select폼의 사용 예)

라디오 버튼으로 테이블 보이기/숨기기

대충 짰어요. --; 고쳐서 사용하셔야 할 듯... <script> function test(value){ if(value=='1') tr1.style.display = ''; else tr1.style.display = 'none'; } </script> <input type=radio name=radio1 value=1 onclick='test(this.value);' checked>나타나! <input type=radio name=radio1 value=2 onclick='test(this.value);'>사라져! <table border=1> <tr><td>보이네</td></tr> <tr id='tr1'><td>이건 보일듯 말듯..</td></tr> <tr><td>보이네</td></tr> </table>


***************************************************************

자바스크립트 아이프레임(iframe) 내용 바꾸기

document.getElementById("아이프레임아이디").contentWindow.document.body.innerHTML = "바꿀 내용";

예)

<html>

<script language='javascript'>

function changeiframecontent()

{

document.getElementById('myframe').contentWindow.document.body.innerHTML = "<p>테스트</p>";

}

</script>

<body>

<iframe name='myframe' id='myframe' src='a.html'></iframe>

</body>

<html>

여기서 a.html 파일에 반드시 <body></body> 태그가 있어야 한다.


****************************************************************


<select name='num_sel' onchange='set_num(this.value);'> <option value='0'>선택하세요.</option> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> <option value='7'>7</option> <option value='8'>8</option> <option value='9'>9</option> <option value='10'>10</option> </select>

제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...