_ 감사의 마음을 담아,, 한번씩 실행시켜보아욧~~ "ㅂ"
<script language="javascript">
function preview(Obj) {
var f1 = document.getElementById("f1");
var f1Area = document.getElementById("f1Area");
var area = document.getElementById("area");
var w = 80 ;
var h = 80 ;
if (/(\.gif|\.jpg|\.jpeg|\.png)$/i.test(Obj.value) == false) {
alert("이미지 형식의 파일을 선택하십시오");
f1.outerHTML = "";
f1Area.innerHTML = "<input type='file' onchange=\"preview(this)\" id=\"f1\">";
area.style.display = "none";
area.innerHTML = "";
return;
}else{
area.style.display = "block";
area.innerHTML = "<img src='"+Obj.value+"' width='"+w+"' height='"+h+"'>";
}
}
</script>
<div id="area" style="display:none"></div>
<div id="f1Area"><input type="file" onchange="preview(this)" id="f1"></div>
<HTML>
<HEAD>
<TITLE> 5번문제 </TITLE>
<style>
input, textarea{background:#c0c0c0;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chk(){
var t = document.temp;
if(t.name.value == ""){
alert("이름을 입력하세요.");
t.name.focus();
}else if(t.pw.value == ""){
alert("비번을 입력하세요.");
t.pw.focus();
}else if(t.subject.value == ""){
alert("제목을 입력하세요.");
t.subject.focus();
}else if(t.content.value == ""){
alert("내용을 입력하세요.");
t.content.focus();
}else{
alert("전송합니다.");
}
}
function chBg(val){
for(i=1; i<=4; i++){
if( i == val ){
document.getElementById("a"+i).style.backgroundColor="#FFFFFF";
}else{
document.getElementById("a"+i).style.backgroundColor="#c0c0c0";
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form name="temp">
이름 : <input type="text" name="name" id="a1" onfocus="chBg(1)"> <br>
비번 : <input type="password" name="pw" id="a2" onfocus="chBg(2)"> <br>
제목 : <input type="text" name="subject" id="a3" onfocus="chBg(3)"> <br>
내용 : <textarea name="content" id="a4" onfocus="chBg(4)"></textarea> <br>
<input type="button" value="글쓰기" onClick="chk()">
<input type="reset" value="취소">
</form>
</BODY>
</HTML>
'수업공유 > 프로그래밍' 카테고리의 다른 글
이미지 미리보기 스크립트 (2) | 2008.01.28 |
---|