홈페이지 소개

text 내에 안내문구 넣는 placeholder 태그

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

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

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

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

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

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다 <script>//맵선택했을경우 바로

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

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

IE버전에서 주소창 우쯕 끝에 호환성 보기 버튼이 생기는 경우가 있는데이때 해당 버튼을 제거하기위해서 아래의 메타태그를 입력하면된다 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

모바일 홈페이지 상단에 선언하는 meta

모바일에서 홈페이지를 접근하게 되면 100% 적용안될경우가 있는데그것은 meta를 선언하지 않았기 때문이다아래는 필자가 모바일에서 사용하는 메타태그이다 <META content="text/html; charset=utf-8" http-equiv="Content-Type"><META content="no-cache" http-equiv="cache-control"><META name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width"><META name="apple-mobile-web-app-

input type=text 태그만 별도로 스타일 지정하는 방법

input{display:none;} 이렇게 css선언하게 되면 모든 input 태그는 비노출이된다text,password,checkbox,radio등등 모두 비노출되는 식이다그러나 input=text만 별도로 적용하고자 하는경우가 있는데 이때 사용하는 방법이다<style>input { expression(this.type == "text" ? "none" : font-size:13px) }</style> expression를 통해서 this.type == "text"구분하여 별도록 스타일을 지정할수 있다

input value 입력할때 주의해야되는 사항

textarea,input text 를 입력할경우에 주의 해야되는 것이 있는데따움표라던지 별도의 태그가 value안에 들어가지 않도록 주의 해야된다만약들어가게되면 페이지가 깨지거나 오작동이 되기때문이다 그러기 때문에 습관을 들이는것이좋다<textarea><?=htmlspecialchars($value)?></textarea><input type="text" value="<?=htmlspecialchars($value)?>">내용을 넣을때 htmlspecialchars()로 감싸주는

php에서 엑셀파일형식으로 다운받고 싶을때가 있다이럴때 사용하는 방법으로 table태그형태로 엑셀 파일이 그대로 다운받아진다회원정보,부동산매물정보,자동차매물정보,기타매물 정보등을 다운받을때 사용하는 소스이다 header("Content-type: application/vnd.ms-excel");header("Content-Disposition: attachment; filename=엑셀파일명.xls");header("Expires: 0");header("Cache-Control: must-revalidate, post-check=0,pre-ch

#PHP