티스토리

프로그램 이야기

검색하기

블로그 홈

프로그램 이야기

gydnjs2.tistory.com/m

SeoHW 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

td 넓이 고정 자동 줄바꿈 테이블로 디자인된 화면에 동적으로 내용이 변경되는 경우 텍스트의 크기에 따라 테이블이 변경되어 디자인이 깨질 경우가 있다. 다음과 같이 td 태그에 스타일을 지정하여 위와 같은 문제를 해결 할 수 있다. 1. html의 경우 - 사이즈를 지정하고 스타일을 정해준다. // 방법 1 ddddeeee aaaaaaaaaaaaaaaaaaadddddddddddddddddddddddddddddddddabbbb ddddeeee gggghhhh //방법2 2. javascript 로 동적으로 테이블을 생성할 경우 - 동적으로 테이블 로우를 추가할 경우는 다음과 같이 해준다. - 사이즈를 지정하고 스타일을 정해준다. var newCell_2 = newRow.insertCell(2); newCell_2.width = 350.. 공감수 0 댓글수 0 2019. 9. 4.
table 리스트 선택시 선택 tr배경 변경, tr.after 추가 table 리스트 선택시 선택 tr배경 변경, tr.after 추가 function 부분 var r ; function test(id,ran) { // id 는 (this) 값입니다 ran은 임의숫자를 넣어주었습니다 $(".testColor").css("background",""); $(".testColor").removeClass("testColor"); var tr.$(id).closest("tr"); var ch = tr.chilren(); var trt = true; if(r != ran || r == undefined) { $("tr[name='test']").remove(); r= ran; tr.after(" test1 test2 " ); } var lgt = $("tr[name='test'].. 공감수 0 댓글수 0 2019. 9. 3.
이전페이지 함수호출하기~ 먼저 부모창에 function test(){}이라는 함수가 있다고 가정한다. 1)팝업창일경우opener.test();2)iframe일경우 parent.test(); 와 같이 호출하면 된다. (무지쉽지?) 3) 부모창에서 iframe내 함수접근 var ifr = document.getElementById('iframeID'); ifr.contentWindow.function_name();부모창에서 'iframeID'이라는 iFrame에 지정된 페이지의 function_name()함수에 접근하는 방법이다. 4) link으로 지정해도 됨. 물론 자바스크립트를 제어하는 것은 아니라서 parent.location.href='www.url.com';과 동일한 효과만 볼수 있 출처: http://gonnie.tist.. 공감수 0 댓글수 0 2018. 12. 26.
AmCharts에서 마우스 오버시 범례에 그래프 값 안나오게하기 AmCharts.makeChart("chartdiv", { // ... legend: { valueText: "", // ... }, // ... }); 위와 같이 valueText : "" 해주시면 됩니다 공감수 1 댓글수 0 2018. 12. 12.
jsp autocomplete, 자동완성 제한 자동완성 기능이란 사용자가 이전에 입력했던 파라미터를 브라우저가 기억해 두었다가 비슷한 파라미터를 입력할 때 다시 보여주는 사용자 편의를 돕는 기능입니다. 하지만 가능 input 태그를 사용할 때 이 자동완성 기능 때문에 디자인이나 레이아웃을 방해할 때가 있어 꺼두고 싶을때도 있습니다.autocomplete=”off”이 자동완성 기능을 해제하는 방법은 아주 간단합니다. input 태그의 속성에 autocomplete 를 off 로 설정 해주는 것입니다.다른 방법도 있습니다. input 태그가 포함되어 있는 form 태그에서 비활성화 시키면 됩니다.출처:http://triki.net/wiki/126 두가지 경우 모두 동일한 효과를 냅니다.더욱 자세한 내용은 w3school.com – HTML input a.. 공감수 0 댓글수 0 2018. 12. 6.
input number 형식 maxlength 정하기 출처 : http://milkye.tistory.com/265 공감수 0 댓글수 0 2018. 11. 29.
alert 확인/취소 창 띠우기 $(document).ready(function(){ $('#Btn').click(function() { var result = confirm('Are you sure you want to do this?'); if(result) { //yes location.replace('index.php'); } else { //no } }); }); 출처: http://88240.tistory.com/173 [shaking blog] 공감수 0 댓글수 0 2018. 11. 27.
checkbox 모두 체크하기 , 모두 해제하기(모두 체크하기 / 모두해제) checkbox 모두 체크하기 , 모두 해제하기(모두 체크하기 / 모두해제) 예제)$("#allCk").click(function(){//all 체크할 체크박스값 가져오기 var ck = $("#allCk").prop("checked");//true 이면 모두 체크if(ck){${"input[name=ckbox]").prop("checked",true);}//false 모두 해제else{${"input[name=ckbox]").prop("checked",false);} }); 감사합니다 공감수 0 댓글수 0 2018. 11. 23.
Jquery removeClass 단일,여러개 클래스 삭제 Jquery removeClass 단일,여러개 클래스 삭제 한개$("셀렉터").removeClass("class1");여러개$("셀렉터").removeClass("class1 class2"); 이렇게 하시면 됩니다 감사합니다 공감수 1 댓글수 0 2018. 11. 5.
jquery 부모 객체, 자식 객체, 접근자 DOM트리를 기준으로 부모 및 자식 객체를 호출하여 선택자를 활용할 수 있다. - 부 모 : 상위 객체$(this).parent() - 자 식 : 하위 객체$(this).children() 단순히 상하위 객체를 선택 할 뿐만 아니라 $(this).children("img") 처럼 태그를 세부적으로 선택 할 수도 있고, $(this).parent().children("ul") 처럼 응용하는 등 다양한 방법이 존재한다 !! 맘대로 선택자를 주물러보자~ 출처: http://sharphail.tistory.com/42 [샤해의 포스트잇] 공감수 0 댓글수 0 2018. 10. 29.
jquery this 값 가져오기 . $( ".class ).click(function() { alert($(this).index()); } 몇번째 인지 알수있다 공감수 0 댓글수 0 2018. 10. 26.
Jquery a 태그 THIS 값 받아오기 onclick으로 자바스크립트 함수넘길때 주의점. dd //이벤트객체 선택가능 그리고 a의 href값을 id로 넘겨준다. dd //this값을 받아오지못함dd//이벤트객체 선택가능 출처:https://m.blog.naver.com/ 공감수 0 댓글수 0 2018. 10. 26.
jquery 부모 창 데이터 받아오기 jquery 부모 창 데이터 받아오기 - id 접근시$(#id , opener,document).val();※ opnner,document 쓰시면 부모창 data 접근이 가능합니다^^ - name 접근시$(#id [name=name], opener,document).val(); - data가 많은경우 index로 받고싶은 경우$(#id , opener,document).eq(index).val();※ eq(index) 사용시 접근이 가능합니다 감사합니다^^ 공감수 0 댓글수 0 2018. 10. 4.
alert 창 줄 개행하기 , 줄바꿈하기 얼랏창 알림에 줄바꿈이 필요할 때가 있습니다그럴땐 아래와 같이 사용하시면 됩니다 exam) alert("안녕하세요 \n 블로그입니다");결과 : 안녕하세요블로그입니다 이런식으로 나옵니다문자열\n문자열\n "\n" 을 여러 개 넣으면 여러줄로 줄바꿈이 됩니다. 공감수 0 댓글수 0 2018. 9. 10.
팝업청 오픈시 위치설정 left와 top 값을 0 으로 주시면 됩니다. 공감수 0 댓글수 0 2018. 8. 20.
select box disabled 하기 (선택안되게하기) select box disabled 하기 선택안되게하기 네임 접근$("select[name=네임]").attr("disabled", true); ID접근$("#아이디").attr("disabled", true); 다시 활성화 하고싶을시 $("#아이디").removeAttr("disabled"); 하시면 됩니다^^ 공감수 0 댓글수 0 2018. 8. 17.
jquery 제이쿼리 after() 뒤에추가하기 .after()원문 링크 http://api.jquery.com/after/.after( content, [content] )Returns : jQuery개요 : 어떤 요소 뒤에 새로운 요소를 추가합니다..after( content, [content] )content 추가될 HTML 문자열, DOM 요소, 또는 jQuery 객체content 추가될 하나 이상 복수개의 DOM 요소들, 요소 배열, HTML 문자열들, 또는 jQuery 객체들after( function(index) )function(index) 추가될 HTML 문자열을 반환하는 함수HTML 을 보시죠. Greetings Hello Goodbye 아래와 같은 스크립트를 적용해 볼까요.$('.inner').after('Test');아래와 같은 .. 공감수 0 댓글수 0 2018. 2. 21.
jquery 제이쿼리 자식 노드 다루기 1. 노드 찾기 - 태그 이름으로 노드 찾기 : $("태그이름"), $("선택자") - 클래스 이름으로 노드 찾기 : $(".클래스이름") - ID로 노드 찾기 : $("선택자") - 속성으로 노드 찾기 : $("[속성이름=값]") - 찾은 요소 개수 구하기 : .size() , .length - 찾은 요소 n번째 접근하기 : .eq(index) , .each(function(index){}); - 찾은 요소에서 특정요소만을 걸러내기 : .filter("선택자") - 찾은 요소에서 특정 자식요소만 찾기 : .find("선택자") 2. 자식 노드 찾기 - 전체 자식 노드 찾기 -- 텍스트 노드 포함 전체 자식 노드 찾기 : $("선택자").contents() -- 텍스트 노드 제외한 전체 자식 노드 찾기 .. 공감수 1 댓글수 0 2018. 2. 21.
JSP 파라미터 url 삭제하기 보통은 주소창에 parameter 값이 다음과 같이 표출된다.https://lahuman.github.io/posts/?lang=ko이때 해당 주소에서 parameter 값만 제거 하고 싶을 경우 다음의 스크립트를 이용하면 간단히 처리 할 수 있다.history.replaceState({}, null, location.pathname);parameter가 제거된 값은 다음과 같다.https://lahuman.github.io/posts/ 공감수 0 댓글수 0 2018. 1. 31.
jquery(.before.after,.append,prepend) 사용기 페이지 로드완료후에 이미지를 순차적으로 로드한다던지 페이지마다 다른 내용을 보여줘야 할때 등동적으로 html요소를 추가해야 할때 아주 유용하게 사용되는 함수들 입니다. before : 선택한 요소의 앞에 내용 삽입 ( 찾는 앞에 )after : 선택한 요소의 뒤에 내용 삽입 ( 찾는 뒤에 )prepend : 선택한요소의 자식요소 앞에 내용삽입 ( 데이터 맨 앞에)append : 선택한요소의 자식요소 뒤에 내용삽입 (데이터 맨 뒤에) 예제코드 test01 test02 test03 test04 출처 : http://hompylove.com/system/bbs/board.php?bo_table=tip&wr_id=22 공감수 0 댓글수 0 2018. 1. 30.
정규식 표현 전/후방 탐색 1. 전방 탐색(lookahead) 전방 탐색(lookahead)이란 작성한 패턴에 일치하는 영역이 존재하여도 그 값이 제외되어서 나오는 패턴입니다. 전방 탐색 기호는 ?= 이며, = 다음에 오는 문자가 일치하는 영역에서 제외됩니다. 또한, 전방 탐색은 하위 표현식과 같이 소괄호로 감싸주어야만 합니다. 우선은 한번 보도록 합시다. Reg. Expression:.+(?=:)Text:http://www.abc.com https://www.abc.com http://www.abc.net 위에 쓰인 정규 표현식을 살펴보자면, 아무 문자가 한번 이상 연속적으로 등장하고 콜론(:) 문자가 등장하는 문자열 중에서, 콜론(:) 문자는 일치하는 영역에서 제외됩니다. 만약, 전방 탐색 기호를 쓰지 않고 콜론을 그대로 썼었.. 공감수 0 댓글수 0 2018. 1. 24.
jquery 팁 퍼온곳: http://cafe.naver.com/wdprj/6 jquery_tut1.html - 기본 셀렉터 $("*") : 모두$("div p") : 모든 에 포함된 모든 $("#loginID") : id="loginID"$(".Columns") : class="Columns"$("p > a") : 에 포함된 한 단계 아래 레벨의 모든 $("div + p") : 와 같은 레벨인 다음 $("div ~ p") : 와 같은 레벨인 모든 // 개체 숨김$(selector).hide(); jquery_tut2.html - 필터 $("a[title]") : title 속성이 있는 $("a[href^=mailto:]") : href 속성이 mailto로 시작하는 모든 (^는 문장의 처음을 나타내는 정규표현식)$(".. 공감수 0 댓글수 0 2018. 1. 22.
ajax popup 창 띄우기 // ajax process $.ajax({ url:"url주소", method:"POST", data:formData, dataType:"html", success: eventSuccess, error: function(xhr, status, error) {alert(error);} }); function eventSuccess(data) { window.open("주소","_blank"); } 위와 같이 하게 되면, 크롬에서는 팝업을 블락(차단) 처리 해버립니다. 여러가지 테스트를 해본 결과로는, 자바스크립트의 함수를 호출(혹은 이벤트 발생) 후 일정 시간 뒤에 팝업이 실행되는 경우에, 차단하는 것이 아닐까 추측해봅니다. 결론적으로는, 다음과 같이 해결을 하였습니다.// 미리 팝업을 띄워놓고. var.. 공감수 0 댓글수 0 2018. 1. 18.
동적 태그 생성시 이벤트 안먹힐시 해당코드작성 $("#btn").click(function(){ 공감수 0 댓글수 0 2016. 5. 19.
jquery 태그넣기 jquery 태그넣기 http://roqkffhwk.tistory.com/35 공감수 0 댓글수 0 2015. 10. 28.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.