그림으로 만든 버튼에 글넣기

버튼 태그에 이미지를 넣어서 사용하는 방법입니다.

예전에는
http://phpschool.com/v2/assets/images/t_tiptech.gif '')">
이런 방법만 사용해오다가 송효진님과 아사날님께서 올리신 "그림으로 만든 버튼에 글넣기"라는 글을 참고로 php를 이용해서 조금 수정,추가 하여 사용하고 있습니다.

초절정 허접이지만 나름대로 유용하게 쓰일 수도 있을 거 같아서 올립니다~:)

송효진님의 원문은 링크를 참조 하세요.



아래의 스타일 정의는 버튼에 사용될 것입니다.
bbtn_ltd, bbtn_rtd 의 width 값은 이미지의 좌우측 너비 값입니다.



// 웹브라우저별 커서 모양
if (strstr($HTTP_USER_AGENT,''MSIE'')) {
   define(WEBB,"ie");
}else {
   define(WEBB,"ns");
}



/***********************************
$txt : 버튼 이름(?)
$url : 이동할 주소
$func : url 이동을 제외한 onclick 이벤트
$icon : 버튼에 사용할 아이콘 이미지 이름, 사용될 모든 아이콘은 가로 세로 너비가 고정되어 있으면 좋음.
$width : 버튼의 사용자 정의 너비
$name : 폼,도큐먼트 내의 버튼 name
***********************************/
function get_button($txt,$url,$func='''',$icon='''',$width='''',$name='''')
{        

   $btn = "";
   $txt = trim($txt);

   if($width == '''') {             // 사용자정의 너비가 없다면.
     $width = strlen($txt);      // 글자 수 검사
     $width = $width *6.5;     // 글자 수 만큼 너비 지정 폰트 사이즈 12px 일때
     $width += 20;             // 좌우 테두리 만큼 더하기
     $ctd_width = $width - 22;  // 버튼이름($txt 들어갈 셀의 크기, 20은 좌우 테두리 너비 2는 padding 값
   }  

   if($icon) {                    // 아이콘이 있다면...
     $width += 25;             // 버튼 너비에 아이콘의 너비보다 많은 수를 더함(그냥 보기 좋으라고~:)
     $ctd_width += 25;         // 버튼 이름 셀의 너비에 아이콘 너비보다 많은 수를 더함
     $icon = """";
           // 아이콘 이미지( icon_dir 은 아이콘 이미지 위치 경로)
     $txt_align = " style="text-align:left"";   // 아이콘이 있을때 기본 정열로...(역시 걍 보기 좋으라고...)
   }else {
     $txt_align = " style="text-align:center"";   // 아이콘이 없고 텍스트만 있을때 중앙 정열
   }
  
   if($name) {                   // 버튼 name 이 있을때.
           $name = " name=''$name''";
   }
  
   if($url) {
     $url = "window.location=''$url'';";   // url 이동일때....
   }
  
   if(WEBB == ''ie'') {              // 웹브라우저별 커서 모양
           $cursor = ''hand'';
   }else {
           $cursor = ''pointer'';
   }
  
   $btn .= "";
   return $btn;
}

?>

사용예

Press ESC to close