게시글

테이블 사이즈 고정하는 css table-layout:fixed

테이블의 내용에 따라 테이블이 유동적으로 변하는 경우가 있다 이때 고정하고 싶은 경우가 있다 이때 사용하는 스타일이다 table-layout:fixed 이걸 사용하면 테이블의 사이즈가 고정되어 내용이 길어질 경우 짤린 부분은 감춰지는 효과가 있다

#프로그램 #CSS #소스 #style #table-layout #테이블고정 #테이블사이즈 #HTML테이블

게시글

투명처리 하는 방법 opacity alpha

기본적으로 opacity:0 사용하면 된다 그러나 IE8은 지원하지 않아 filter:alpha(opacity=0)을 상용하는데 버전에 상관없이 사용하기위해서는 해당 버전에 적용되는 스타일을 모두 적용시키면된다

#프로그램 #CSS #소스 #style

게시글

아이디로 스크롤 부드럽게 이동하게 하는 방법

해당 아이디 위치로 부드럽게 이동하게 하는 방법이다 $(function() { var position = $('#이동할아이디').offset(); // 위치값 $('html,body').animate({ scrollTop : position.top }, 1000); // 1초동안 이동 }); 1초동안 부드럽게 스크롤 된다 한줄로 처리하기 위해서 $('html,body').animate({ scrollTop : $('#이동할아이디').offset().top }, 1000); 이런식으로도 가능하며 바로 이동하게 하려면 1000를 0초로 바꾸면 바로 이동한다

#프로그램 #소스 #Jquery #animate #스크롤이동 #offset #scrollTop #부드러운스크롤

게시글

<hr> 태그 가로선 태그에 색상을 넣는 방법이다

태그에 색상을 넣고 싶으면 이렇게 CSS를 통해 넣으면 적용될것 같지만 그렇지않다 그이유는 hr는 top,bottom라인이 존제한다 해서 기본적으로 하면 라인이 2px로 된다 top,bottom 각각 1px씩 2px이된다 해서 1px로 하고자 할때 border-bottom:1px solid #000000;border-top:none; 이런식으로 라인 하나를 제거하면된다

#프로그램 #CSS #HTML #소스 #hr태그 #가로선 #border-bottom #선색상

게시글

radio,checkbox 텍스트 명을 클릭해도 선택되게 처리 하는 방법

라디오버튼과 체크박스 버튼에서 조그마한 라디오,체크버튼을 클릭하기가 불편해 텍스트를 클릭했을대 체크될수 있게 처리하는 방법으로 아래와 같이 적용한다 radio,checkbox에서 id와 lable 내에 for 속성을 동일하게 맞춰주면된다 라디오버튼1 라디오버튼2 체크박스

#프로그램 #HTML #소스 #체크박스 #label태그 #for속성 #라디오버튼 #폼사용성

게시글

마우스 오버시에 메뉴를 노출하는 jquery소스이다

var top_sub_menu="";//메뉴 유지하기위한 변수 타이틀 서브메뉴

#프로그램 #소스

게시글

select 변경시 리스너 처리방법 onchange 이벤트를 사용하는 방법

셀렉트박스에서 내용이 변경될때 처리하는 이벤트가 있다 onchange 이벤트를 사용해서 원하는 부분을 처리하는 이벤트이다 이방법은 해당 태그에 onchange를 입력해서 처리해야된다 그러나 스크립트 만으로 변경하고자 할때가 있다 리스너를 활용해야 하는데 해당 사용방법은 다음과 같다 $("select[name='셀렉트박스이름']").change(function(){ //변경시처리하는 내용 });

#프로그램 #자바스크립트 #소스 #Jquery #셀렉트박스 #onchange #change이벤트 #이벤트리스너

게시글

jquery에서 ajax(아작스)사용하는 방법

$.ajax ({ type: 'post', // POST 로 전송 async: false,//동기화 url: 'http://', // 호출 URL data: {'변수1':'값1','변수2':'값2'}, // 파라메터 정보 전달 success:function(data){ alert(data);//처리된 정보가져오는 부분 }, error:function(e) { // alert(e.responseText); } });

#프로그램 #자바스크립트 #소스 #Jquery #ajax #아작스 #비동기통신 #POST전송

게시글

리눅스에서 현재 접속자(동접)확인하는 방법

웹서버 운영하다보면 현재 몇명이 웹에 접속했는지 궁금할때가 있다 이때 사용하는 방법이다 ps ax | grep httpd | wc -l

#프로그램 #소스 #기타교육/자료

게시글

체크시 텍스트 문구 변경하는 방법

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데 그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다 여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다 //맵선택했을경우 바로 색상변경 function mapcheckbox(_this){ if($(_this).is(":checked")==true){ $(_this).parent().attr("class","checkbox_text_on"); }else{ $(_this).parent().attr("class","checkbox_text_off"); } } .checkbox_text_on{color:#000000;} .checkbox_text_off{color:#dddddd;} 테스트

#프로그램 #자바스크립트 #소스 #Jquery #체크박스 #parent함수 #텍스트색상변경 #클래스변경

게시글

프레임이 여러게 있는경우 접근하는 방법

parent.parent.$("#아이디1").contents().find("#아이디2").contents().find("#아이디3") 중복으로 contents().find("#아이디") 사용가능하다

#프로그램 #소스 #Jquery #iframe #프레임접근 #contents #find함수 #중첩프레임

게시글

스타일 여러게를 한꺼번에 변경하는 방법

스타일 여러게를 한꺼번에 변경하는 방법 여러옵션을 사용하는 방법이다 {}를 통해서 사용할수 있으며 형식은 {"옵션명1":"값1","옵션명2":"값2"} 이런식으로 사용한다 다음은 예시이다 $(this).css({'border':'2px solid #f9cd00','padding':'0px'}) 하나만 사용할때는 {} 없이 "옵션1","값1" 이런식이다 다음은 예시이다 $(this).css("border","2px solid #f9cd00");

#프로그램 #자바스크립트 #CSS #소스 #Jquery #css함수 #스타일변경 #여러스타일

게시글

리스너 형탱로 클릭이벤트 호출하는 방법

라이오 버튼를 클릭했을때 실행해주는 방법이다 해당 이름으로 접근한후에 click()리스너를 통해서 이벤트를 처리하는 형식이다 선택1 선택2

#프로그램 #소스 #Jquery

게시글

여러 옵션을 동시에 넣는 방법

투명도,크기,위치 등을 한꺼번에 변경하는 방법이다 show(),hide() 이런 함수는 display만 사용가능하게 된다 이때 투명하게 되면서 display를 할때는 show("fade") 이런방법도 있지만 점점커지면서,투명에서 선명하게 되면서,보여지는 방법을 사용할때는 약간의 한게가 있을수 있다 이때 사용하면 좋은 방법이다 $("#아이디").animate( { width:($(window).width()) ,height:($(window).height()) ,top:0 ,left:0 ,opacity:1 } ,300 ,function(){ } )

#프로그램 #자바스크립트 #소스 #Jquery #투명도 #animate #애니메이션효과 #크기변경

게시글

태그의 노드(node) 접근하는 방법

$("#imgList").children().eq(0).contents(":last-child").attr("src"); imgList의 id내의 노드를 순서대로 접근한다 eq(0) => 첫번째 eq(1) => 두번째 contents(":last-child").attr("src") 해당 노드안에서 마지막 노드의 src값을 호출하는 부분이다

#프로그램 #자바스크립트 #소스 #Jquery #노드접근 #children #eq함수 #DOM탐색

게시글

라디오버튼 선택된 value값 호출

val() 함수를 통해서 value값을 호출할수 있다 $("input[name=이름]:checked").val();// -> 2

#프로그램 #소스 #Jquery

게시글

투명하게 변경하기 위한 방법 fadeTo

$("#아이디").fadeTo(1000, 0.5); //1초동안 0.5투명도로 변경함 $("#아이디").show("fade");//투명 -> 보여짐 $("#아이디").hide("fade");;//보여짐 -> 투명

#프로그램 #소스 #Jquery #애니메이션 #fadeTo #투명도 #페이드효과 #opacity

게시글

show() blind사용할때 상하좌우 블라인드 되게 처리하는 방법

$("#아이디").show() 단순히 보여주는 형식이나 블라인드 형식으로 위에서 아래로 좌축에서 우측으로 블라인드 되면서 노출되게 하는 방법이다 열기 $("#아이디").show("blind");//기본은 위아래로 블라인드 된다 $("#아이디").show("blind",{direction:"left"},300,function(){});//좌측으로 블라인드됨 $("#아이디").show("blind",{direction:"right"},300,function(){});//우측으로 블라인드됨 닫기 $("#아이디").hide("blind");//기본은 위아래로 블라인드 된다 $("#아이디").hide("blind",{direction:"left"},200,function(){}); $("#아이디").hide("blind",{direction:"right"},200,function(){});

#프로그램 #소스 #Jquery #blind효과 #show함수 #hide함수 #블라인드효과 #애니메이션

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

#프로그램 #자바스크립트 #소스 #Jquery #마우스오버 #attr함수 #이미지변경 #속성변경

게시글

간의 영수증 html소스

간이 영수증을 html 코팅으로 만든내용 No. 영 수 증 &nbsp;&nbsp; (공급받는자용) 귀하 공급자 사 업 자등록번호 상호 성명 인 사 업 장소 재 지 업 태 종목 작성일자 금액합계 비고 공 금 내 역 월/일 품명 수량 단가 금액 합 계 위금액을 영수(청구)함.

#프로그램 #HTML #소스 #간이영수증 #영수증양식 #HTML표 #영수증소스 #table태그 #공급받는자용