반응형 iframe 폼 값과 내용 가져오기 iframe을 사용하는 경우 iframe을 가지고 있는 페이지를 부모, iframe의 페이지를 자식으로 정의할 수가 있습니다. 이경우 iframe에 정의된 페이지의 폼 값 또는 내용을 부모 페이지로 가져오는 방법에 대해 알아보겠습니다. 부모 페이지의 내용 child.html의 내용 부모 페이지에서 "값 가져오기" 버튼을 누르면 child.html의 페이지를 iframe으로 불러와서 iframe의 name 폼에 입력된 값을 부모 페이지의 first_name 폼에다가 값을 넣는 이벤트입니다. 이때 frame을 지정을 해주어야하는데, 먼저 iframe의 frame을 정의하고 다음으로 iframe에 들어있는 페이지의 form 이름을 호출합니다. frames.프레임이름.frames.페이지프레임명.폼이름.value.. 2022. 11. 14. 팝업창 전체화면으로 띄우는 3가지 방법 javascript인 window.open을 이용하여 팝업창을 띄울 때 사용하는 방법이며, 화면의 전체 화면으로 띄우는 방식입니다. 1. Screen의 가로 세로 사이즈를 이용하여 띄우는 방법 var win_width = window.screen.width - 10; var win_height = window.screen.height - 60; window.open(url, "win_fullsize","width="+ win_width + ",height="+win_height+", top=0, left=0"); screen의 가로 세로 사이즈를 구하여 open되는 창의 가로와 세로의 사이즈로 창 사이즈를 적용하는 하게 됩니다. 2. 오픈된 팝업창의 사이즈를 적용(일부 브라우저 적용 안됨) functio.. 2022. 11. 4. jquery checkbox 체크박스 모두 선택 해제 html 폼에서 체크박스를 사용할 때 필수적인 기능 중의 하나가 바로 모두 선택, 모두 해제일 것입니다. 어떤 항목에서 checkbox를 사용할 때는 꼭 모두 체크, 모두 해제 기능을 넣어주어야 사용자 측면에서는 편리한 기능일 것이기 때문이죠. 자바스크립트로 구현을 할때는 for문을 돌려서 해당 체크박스의 개수만큼 선택을 하거나 해제를 해주었는데, jquery를 이용하면 간단하게 모든 체크박스를 선택하거나 해제할 수 있습니다. 모두 선택 사과 바나나 배 포도 $('.checkall').click(function(){ $('.fruit').prop('checked',true); //모두 선택 $('.fruit').prop('checked',false); //모두 해제 }); 모두 선택이라는 체크박스를 클릭.. 2022. 11. 2. jquery를 이용한 테이블 열병합 rowspan Table에 뿌려지는 데이터들이 고정된 데이터들이라면 초기단계에서 rowspan을 이용하여 만들 수 있지만 Database에서 데이터를 불러오는 경우는 초기 rowspan을 이용하여 디자인하기가 어렵습니다. 이런 경우 jquery를 이용하여 테이블에 뿌려지는 데이터를 기준으로 rowspan을 설정할 수가 있는데요. 열병합을 해야 하는 과 데이터를 지정하기 위해 함수로 만들어 둠으로써 가변적인 rowspan을 간단하게 사용할 수가 있습니다. Rowspan 생성을 위한 Jquery 함수 $.fn.rowspan = function(colIdx, isStats) { return this.each(function(){ var that; $('tr', this).each(function(row) { $('td:eq.. 2022. 11. 1. 이전 1 2 다음 반응형
