자식창에서 데이터 입력해서 부모창에서 출력하기

개발개발/자바스크립트 2012. 9. 11. 11:42

 

예제소스 - http://bboong100.cafe24.com/0911/test02.html

 

test02.html  (부모창)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
<script type="text/javascript">
function popup()
{
    var flag;
    //http://naver.com
    var url = "popup1.html";
    var popupname = "popupwin";

    flag = "left=200, ";
    flag += "top=200, ";
    flag += "width=400, ";
    flag += "height=250";
    window.open(url, popupname, flag);
}

function popuptest1(name, code)
{
    var testtable = document.getElementById("popuptest");
    var tr = document.createElement("tr");
    tr.setAttribute("height", "30");
    if (name == "" || code == "") {
        alert('문자 입력하시오');
        return;
    }

    var td1 = document.createElement("td");
    td1.setAttribute("width", "100");

    var td2 = document.createElement("td");
    td2.setAttribute("width", "200");

    tr.appendChild(td1);
    tr.appendChild(td2);

    td1.innerText = name;
    td2.innerText = code;

    if (testtable.firstChild.lastChild.childNodes.length == 1)
        testtable.firstChild.removeChild(testtable.firstChild.lastChild);

    testtable.firstChild.appendChild(tr);
}
 </script>
 </HEAD>
 <BODY>
 
    팝업테스트  <input type="button" value="popup" onclick="popup()"> <p><p>
    <table id="popuptest" border="2">
        <tr>
            <th width="100">name</th>
            <th width="100">code</th>
        </tr>
    </table>
 </BODY>
</HTML>

 

test02_1.html   (자식창_팝업창)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
<script type="text/javascript">
        function add2()
        {
            var name = document.ex.name.value;
            var code = document.ex.code.value;
            opener.popuptest1(name, code);
            self.close()
        }

        function reset()
        {
            document.all.name.value="";
            document.all.code.value="";
        }
 </script>
 </HEAD>
 <BODY>
 
<form name='ex'>
 Name : <input type="text" size="10" name="name" id="name" ><br>
 Code : <input type="text" size="10" name="code" id="code" ><br>

 <input type="button" value="추가" onclick="add2()">
 <input type="button" value="초기화" onClick="reset();">

</form>
 </BODY>
</HTML>

'개발개발 > 자바스크립트' 카테고리의 다른 글

계산기 진행상황 (0915)  (1) 2012.09.15
문서객체  (0) 2012.09.11
0906 자바스크립트 계산기  (0) 2012.09.06
계산기 문제점  (0) 2012.09.06
0905 자바스크립트 계산기  (0) 2012.09.05
Posted by 공돌공돌
,

문서객체

개발개발/자바스크립트 2012. 9. 11. 11:30

 

예제확인 - http://bboong100.cafe24.com/0911/test01.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
<script type="text/javascript">
  function teTable()
{
    // var test = $('test');
    var testtable = document.getElementById("test");
    // table 개체 가져와서 testtable에 저장
    var tr = document.createElement("tr");
    // tr 개체 가져와서 testtr에 저장
    tr.setAttribute("height", "30");
    if (document.all.subject.value == "" || document.all.content.value == "") {
        alert('문자 입력하시오');
        return;
    }

    var td1 = document.createElement("td");
    td1.setAttribute("width", "100");

    var td2 = document.createElement("td");
    td2.setAttribute("width", "200");

    tr.appendChild(td1);
    tr.appendChild(td2);

    td2.innerText = document.all.content.value;
    td1.innerText = document.all.subject.value;

    if (testtable.firstChild.lastChild.childNodes.length == 1)
        testtable.firstChild.removeChild(testtable.firstChild.lastChild);

    testtable.firstChild.appendChild(tr);

    document.all.subject.value = '';
    document.all.content.value = '';
}
 </script>

 </HEAD>

 <BODY>
 <table id="test" border="2">
        <tr>
            <th width="100">subject</th>
            <th width="100">content</th>
        </tr>
    </table>
    1 : <input type="text" size="10" name="subject"> 2 : <input type="text" size="10" name="content">
        <input type="button" value="추가" onclick="teTable()">
 
 </BODY>
</HTML>

'개발개발 > 자바스크립트' 카테고리의 다른 글

계산기 진행상황 (0915)  (1) 2012.09.15
자식창에서 데이터 입력해서 부모창에서 출력하기  (0) 2012.09.11
0906 자바스크립트 계산기  (0) 2012.09.06
계산기 문제점  (0) 2012.09.06
0905 자바스크립트 계산기  (0) 2012.09.05
Posted by 공돌공돌
,

0906 자바스크립트 계산기

개발개발/자바스크립트 2012. 9. 6. 17:42

 

http://bboong100.cafe24.com/0906/calc.html

현재 까지 가능한 기능

텍스트창 오른쪽 정렬

엔터키로 연산

소수점 값 입력

위에 텍스트에 먼저 입력한 숫자와 연산자를 표시하고 연산 결과는 아래창에 출력되는 기능

연산자, 0, 소수점(.) 중복 입력시 처리 문제

'C' 버튼을 눌렀을 때 위 텍스트창도 초기화

연산 결과 나오고 다시 연산자 버튼을 눌렀을 때 위 텍스트 창에 기존 수식이 계속 출력되던 문제 해결

처음 숫자 입력 하고 연산자 누르고 다른 연산자 눌렀을 때 나중에 누른 연산자로 대체되어야 하는 문제

추가할 기능

백스페이스 눌렀을 때 생기는 오류들 ...

.  을 두 번 이상 눌렀을 때 생기는 오류들 ...

'개발개발 > 자바스크립트' 카테고리의 다른 글

자식창에서 데이터 입력해서 부모창에서 출력하기  (0) 2012.09.11
문서객체  (0) 2012.09.11
계산기 문제점  (0) 2012.09.06
0905 자바스크립트 계산기  (0) 2012.09.05
자바스크립트 계산기 진행사항(09.03)  (0) 2012.09.03
Posted by 공돌공돌
,

티스토리툴바