[html] 이미지와 텍스트 높이 맞추기 (이미지 높이 지정)

반응형

이미지와 문자의 높이를 맞춰주는 옵션입니다.

 

<img src="/images/sysdocu.png" align="absmiddle"> 내용


그래도 높이가 안맞을 경우 아래와 같이 이미지 하단 여백을 주어 맞출 수 있습니다.


<img src="/images/sysdocu.png" align="absmiddle" style="margin-bottom:8px"> 내용

반응형

댓글()

[ASP] 전화번호에서 하이픈(-) 제거

프로그래밍/PHP|2015. 1. 27. 11:40
반응형

MSSQL DB의 Mem_Mobile 필드에서 select 로 가져온 전화번호에서 하이픈(-)을 빼고 data 변수에 입력하는 예제입니다.

 

data = replace(rs("Mem_Mobile"),"-","")

 

반응형

'프로그래밍 > PHP' 카테고리의 다른 글

간단한 메일 발송 소스  (0) 2015.01.27
[PHP] 특정문자로 자르기 (나누기)  (0) 2015.01.27
[ASP] 썸네일 제작 컴포넌트  (0) 2015.01.27
[JSP] Hello, JSP!!! 출력 소스  (0) 2015.01.27
한글 문자열 자르기  (0) 2015.01.27

댓글()

[ASP] 썸네일 제작 컴포넌트

프로그래밍/PHP|2015. 1. 27. 11:39
반응형

썸네일 만들어 주는 컴포넌트입니다.

 

사용방법도 무지 간단하더군요.

 

KMSThumbNail은 이미지(TIF, TIFF, GIF, JPG, JPEG, BMP, PNG)  파일을 썸네일파일(JPG, GIF)로 만들어 주는 ActiveX Dll입니다.

 

예제)

---------------------------------------------------------------------------------------------------------

Dim FName

Dim TestThumb

 

FName = Server.MapPath (".") & "test.BMP" '이미지 파일의 절대 경로

 

Set TestThumb = Server.CreateObject("KMSThumb.Thumb")

   TestThumb.FileName = FName '절대경로를 넘겨줌

   '절대 경로가 없으면 썸네일 파일이 만들어지지 않습니다.

 

   TestThumb.Width = 100 '생성될 썸네일의 가로 크기를 지정(default 100)

   ' Width 는 1~999까지 가능

 

   TestThumb.Height = 100 '생성될 썸네일의 세로 크기를 지정(default 100)

   ' Height 는 1~999까지 가능

 

   TestThumb.Quality = 100 '생성될 썸네일의 이미지 Quality(JPG로 생성시만 적용)(default 100)

   ' Quality 는 1~999까지 가능 - 100이상이면 의미가 없습니다.

 

   TestThumb.ImgGB = 1 '1이면 JPG, 2이면 GIF로 썸네일 생성(default 1)

 

   TestThumb.ImgScale = 2 '2이면 Scale Mode, 1이면 지정한 Height, Width로 썸네일 생성(default 1)

   '원본 1000,1500의 이미지가 있을시 100,100으로 썸네일을 생성하면 이미지의 세로가 축소 변경이 된다.

   '위의 이미지는 100, 150으로 생성을 하면 이미지 변경없이 썸네일의 이미지가 만들어질 것이다.

   '그래서 ImgScale란 것을 만들어 보았다.

   'ImgScale가 2이면 이 방법이 적용이 된다.

   '원본의 이미지와, 생성될 썸네일의 이미지를 비교하여 가로,세로중 썸네일 이미지가 큰 것의 길이에 따른다.

   ' ex) 1000,500 을 100,100으로 적용하면(ImgScale = 2)

   ' -> 100,50 으로 썸네일 이미지가 생성이 된다.

   ' ex2) 500,1000 을 100,100으로 적용하면(ImgScale = 2)

   ' -> 50,100 으로 썸네일 이미지가 생성이 된다.

 

'추가

TestThumb.FrontStr = "KMS_"

'FrontStr을 이용하여 기존의 Thumb_로 통일되어 있던 앞의 이미지명을 바꿀수 있습니다.

'위와 같이 한다면 "KMS_이미지명.jpg"라고 썸네일이 생성이 되게 됩니다.

' ex) KMS_test.jpg

 

 

   TestThumb.SaveThumb '썸네일 생성 메소드

 

'추가

response.write TestThumb.imgStr

'썸네일의 이미지명을 반환합니다.  - 결과값 => KMS_test.jpg

 

Set TestThumb = nothing

---------------------------------------------------------------------------------------------------------

 

 

업그래이드 방법은 zip파일에 포함된 Readme.txt를 꼭 읽어 주세요..(3. 설치편)

 

[출처] 프로그래머들의 세계 | 필더 (http://cafe.naver.com/programmers/120)


썸네일컴포넌트.zip


반응형

'프로그래밍 > PHP' 카테고리의 다른 글

[PHP] 특정문자로 자르기 (나누기)  (0) 2015.01.27
[ASP] 전화번호에서 하이픈(-) 제거  (0) 2015.01.27
[JSP] Hello, JSP!!! 출력 소스  (0) 2015.01.27
한글 문자열 자르기  (0) 2015.01.27
[php] 문자열 자르기  (0) 2015.01.27

댓글()

[JSP] Hello, JSP!!! 출력 소스

프로그래밍/PHP|2015. 1. 27. 11:39
반응형

<html>
<body>
<% 
String str = request.getParameter("name");
if(str == null)
{ str = "JSP"; }
%> 
Hello, <%= str %>!!! 
</body>
</html>
 

 

[출처] Think | 재뇽 (http://timetothink.tistory.com/78)

반응형

댓글()

한글 문자열 자르기

프로그래밍/PHP|2015. 1. 27. 11:39
반응형

'최근 게시글' 등의 제목에서 한글깨짐없이 몇 byte 만 추출 해올 수 있습니다.

 

$head = mb_strimwidth($head, 0, 26, "..", "EUC-KR");


반응형

댓글()

[php] 문자열 자르기

프로그래밍/PHP|2015. 1. 27. 11:38
반응형

 substr()

Returns the extracted part of string, or FALSE on failure or an empty string.

문자열의 압축을 푼 일부를 반환하거나, FALSE를 장애 또는 빈 문자열에.(구글번역ㅠㅠ)

■ 원형

string substr ( string $string , int $start [, int $length ] )

■ 인수

$string = 오려낼 문자열

$start =  오려낼 시작지점

$Length = 오려낼 범위

■ 예제

<?php
$str = "PHP should I study";
$cstr = substr($str, 4, 6);

echo $cstr;
?>

■ 결과

should


■ php.net 예제

<?php
$rest 
substr("abcdef"0, -1);  // 반환값 "abcde"

$rest substr("abcdef"2, -1);  // 반환값 "cde"
$rest substr("abcdef"4, -4);  // 반환값 false
$rest substr("abcdef", -3, -1); // 반환값 "de"
?>

= 설명(제 생각이므로 틀릴수도있습니다 0_0;;)

$rest substr("abcdef"0, -1);  // 반환값 "abcde"

0(문자열 처음부터), -1(마지막문자 1자리(f) 를 제외) 반환

$rest substr("abcdef"2, -1);  // 반환값 "cde"

2(문자열 2번째 자리부터), 끝자리 왼쪽으로 한자리를 제외한 문자열 반환

$rest substr("abcdef"4, -4);  // 반환값 false

문자열 4번째자리부터(abcdef), 끝자리에서 왼쪽으로 4번째자리까지(abcdef)

하지만 범위가 시작점부터 뒤에 있으므로 False(안됌)

$rest substr("abcdef", -3, -1); // 반환값 "de"

문자열 끝에서 왼쪽으로 3칸앞(abcdef),문자열 끝에서 왼쪽으로 1칸앞(abcdef)

 

[출처] 코딩덕후 (http://c_study_s.blog.me/30132617539)

반응형

댓글()

[html] 마우스 올려놓았을때 이미지 변경시키는 방법

반응형

<img src="sysdocu_off.gif" onmouseover="this.src='sysdocu_on.gif';" onmouseout="this.src='sysdocu_off.gif';">

 

sysdocu_off.gif 는 마우스 올리기전의 이미지이고

sysdocu_on.gif 는 마우스 올리면 변경될 이미지입니다.

 

반응형

댓글()

echo "" 구문 안의 스타일시트가 적용이 되지 않을때

프로그래밍/PHP|2015. 1. 27. 11:38
반응형

큰따옴표를 ' 작은따옴표로 바꾸시고요

 

만약 그 안에 작은따옴표가 들어간다면

 

큰따옴표 앞에 를 붙여주세요

 

echo ("onmouseover="this.bgColor='#efefef';"");

 

이런식으로 해주시면 됩니다..^^

 

[출처] 지식인 (http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040203&docId=68776888&qb=ZWNobyDslYjsl5AgJw==&enc=utf8&section=kin&rank=2&search_sort=0&spq=1&pid=g/gyuc5Y7tNssu35dKdssc--065608&sid=T-TyCAnL9E8AAC3JGDc)

반응형

댓글()

로그인 박스 안에 텍스트(이미지)넣기

반응형

네이버나 다음 등 포털 사이트들의 로그인 박스를 보면 박스안에 아이디/비밀번호 이런 글씨가 들어가 있고

클릭하면 사라졌다 클릭 해제하면 다시 나오는 효과를 볼수 있습니다.


 

일단 스타일부분 입니다. 아래소스를 페이지 head와 head 사이 또는 css 파일에 넣어주세요.

id_blur / id_focus 부분이 아이디 input 효과

pw_blur / pw_focus 부분이 비밀번호 input 효과입니다.

 

<style>
ol,ul,li {list-style:none;}
.id_blur { border:#ddd 1px solid; background: transparent url(bg.gif) no-repeat; font-size:11px; font-family:돋움; width: 125px; height: 15px; line-height:14px; background-color:#f9f9f9;} 
.id_focus { border:#ddd 1px solid; background-color:#f9f9f9; color:#9e9e9e; font-size:11px; font-family:돋움; width: 125px; height: 15px; line-height:15px; } 
.pw_blur {border:#ddd 1px solid; background: transparent url(bg2.gif) no-repeat; font-size:11px; font-family:돋움; width: 125px; height: 15px; line-height:15px; background-color:#f9f9f9;} 
.pw_focus { border:#ddd 1px solid; background-color:#f9f9f9; color:#9e9e9e; width: 125px; height: 15px; font-size:10px; line-height:15px;}
</style>

페이지에 들어갈 소스입니다.
원하는 위치에 이 소스를 넣어주시면 됩니다.
 

<ul >
  <li>
    <input type="text" name="txtUserId" onFocus="this.className='id_focus'" onBlur="if ( this.value == '' ) { this.className='id_blur' }"  class='id_blur' />
  </li>
  <li>
    <input type="password" name="txtUserPw" onFocus="this.className='pw_focus'" onBlur="if ( this.value == '' ) { this.className='pw_blur' }"  class='pw_blur' />
  </li>
</ul>

[출처] HSBN 향사발 (http://blog.naver.com/shadk18/10125136905)

반응형

댓글()

input 입력상자 사이즈 고정시키기

반응형

특히 type=password 일 경우 text 와 다르게 높이가 약간 높아지게 되는데

text 와 높이를 같게 하려면 아래와 같이 style 을 이용해 높이를 고정 시키면 됩니다.

 

<input type="password" name="password" style="width:120px;height:20px">

 

반응형

댓글()

쿠키를 이용한 팝업창 소스

반응형

==팝업창을 여는 페이지==

<script>

//팝업창 함수 정의

function popup()
{
 winopen=window.open('popup.html','winopen','width=팝업창 폭,height=팝업창 넓이,scrollbars=no');
}

//쿠키 검사 함수 정의

function getCookie(name)
{
       var prefix = name + "=";
       var cookieStartIndex = document.cookie.indexOf(prefix);
       if (cookieStartIndex == -1) return null;
       var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
       if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
       return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

//쿠키가 존재하지 않으면 팝업창을 연다.

if(getCookie("쿠키이름")==null) 
{
 popup();
}

</script>

<html>

코딩...

</html>

 

 

==열릴 팝업창 소스==

<script>

//쿠키 생성 함수정의

function setCookie( name, value, expiredays ) 

var todayDate = new Date(); 
todayDate.setDate( todayDate.getDate() + expiredays ); 
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 

}

 

//오늘하루이창보지않음 체크시 창을 닫고 쿠키를 생성

function closeWin() 

        setCookie( "쿠키이름", "done" , 1); 
        self.close(); 
}

</script>

<a href='javascript:closeWin('>오늘하루이창열지않음</a>

 

[출처] Programmer's My Dream.. | 철마신 (http://ljmgood123.blog.me/53109660)

반응형

댓글()