프로그램/html,css2009. 7. 15. 22:18
반응형

[css-tip]css 초기화

 

초기화를 하지 않는 경우 브라우저마다 버전마다 기본으로 지정되어있는 css를 사용하게되어 크로스브라우징을 구현하는데 문제가 된다.

 

초기화를 하게 되면 모든 브라우저에서 다 공통으로 지정이되므로 크로스브라우징을 구현함에 있어서 권장한다.

 

아래 에를 참고로 본인이 원하는 css 초기화를 구현할 수 있다.

 

예> * 는 전체를 뜻한다.

/* css 초기화 */

*{

  margin:0; /* margin 여백 : 0 */
  padding:0;  /* padding 여백 : 0 */
  border:0;  /* 선 굵기 : 0 */
  background-color:transparent;  /* 배경색상 투명 */
  color:#666; /* 색상 */
  font-size:100%;  /* 폰트 크기 */
  font-weight:normal;  /* 폰트 굴기 */
  font-style:normal;  /* 폰트 모양 */
  text-decoration:none;  /* 폰트 장식 */
}
 
반응형
Posted by 은둔고수
프로그램/html,css2009. 7. 15. 22:16
반응형

[css-tip]컬러이미지를 흑백이미지로 바꾸기

 

img 태그 속성에 style="filter:gray(enabled=1)" 삽입한다.

 

예>

<img src="http://www.twar.co.kr/images/text_board/sample_s5.gif"

 style="filter:gray(enabled=1)" />

 
반응형
Posted by 은둔고수
프로그램/html,css2009. 7. 15. 22:14
반응형

[css-tip]CSS 불투명/투명 테이블 만들기

 

 

<html>
<head>
<title>[css-tip]불투명/투명 테이블 만들기</title>

<style type="text/css">
<!--
-->
</style>
<script language="JavaScript">
<!--
//-->
</script>
</head>
<body>
<h1>불투명/투명 테이블 만들기</h1>
<table style="filter:alpha(opacity=50)">
<tr>
 <td>sdfsd</td>
</tr>
</table>
</body>
</html>

반응형
Posted by 은둔고수
프로그램/html,css2009. 7. 15. 22:13
반응형

[css-tip]CSS img 태그 X 박스 처리

 

img 태그 사용시 경로에 해당 이미지가 없거나 불러오지 못하는 경우 표시되는 X 모양의 상자(이하 엑박)를 일명 엑스박스 또는 엑박이라고들 말을 하기도 한다.

 

<img src="이미지 경로" style="WIDTH: 67px; HEIGHT: 63px" />

 

이러한 엑박을 다른 형태로 처리할 수 있다.

 

 

onerror

<img src="이미지 경로" style="WIDTH: 67px; HEIGHT: 63px" onerror="this.src='이미지를 못 불러오면 표시할 이미지'" />

 

 

 

<html>
<head>
<title>[css-tip]img 태그 X 박스 처리</title>

<style type="text/css">
<!--

-->
</style>
<script language="javascript">
<!--

//-->
</script>
</head>
<body>
<h1>img 태그 X 박스 처리</h1>

<img src="" width="60" height="60" title="기본사진"

onError="this.src='http://www.twar.co.kr/images/0/event/banner02.png" />
</body>
</html>

반응형
Posted by 은둔고수
프로그램2009. 7. 14. 22:08
반응형

split 비교(jsp, asp, php, javascript)

[JSP]
String str="as_bd_cd_dd";    
String[] arr = str.split("_");
//결과 arr[0] = "as", arr[1] = "bd", arr[2] = "cd", arr[3] = "dd"
arr = str.split("_", 2);
//결과 arr[0] = "as", arr[1] = "bd_cd_dd"

[PHP]
$str = "as_bd_cd_dd";
$arr = split("_",$str);
//결과 arr[0] = "as", arr[1] = "bd", arr[2] = "cd", arr[3] = "dd"
$arr = split("_",$str,2);
//결과 arr[0] = "as", arr[1] = "bd_cd_dd" 
//PHP는 구분자에게 패턴을 줄수도 있다 "[_, -]" 이런식으로

[ASP]
Dim str : str = "as_bd_cd_dd ee" 
Dim arr : arr = Split(str)
'결과 arr(1) = "as_bd_cd_dd" arr(2) = "ee"
arr = Split(str, "_")
'결과 arr(1) = "as", arr(2) = "bd", arr(3) = "cd", arr(4) = "dd ee"
arr = Split(str, "_", 2)
'결과 arr(1) = "as", arr(2) = "bd_cd_dd ee"
' "0"과 "1"만 사용 할 수 있다. "0" 바이너리 비교 "1" 텍스트 비교
arr = Split(str, "_", 2, "0") 
'결과 arr(1) = "as", arr(2) = "bd_cd_dd ee"

[javascript]
var str="as_bd_cd_dd";
var arr= str.split("_");
//결과 arr[0] = "as", arr[1] = "bd", arr[2] = "cd", arr[3] = "dd"
arr= str.split("_",2);
//결과 arr[0] = "as", arr[1] = "bd"
 
반응형
Posted by 은둔고수
프로그램/html,css2009. 7. 14. 22:03
반응형

alt와 title의 차이점

 

 

1. alt(alternative) : 이미지의 대안, 이미지에 대한 설명

① 인터넷 속도, 또는 컴퓨터 사양 문제로 웹브라우저 설정을 '이미지 출력 안 함'으로 한 사용자에게 이미지에 대한 간략한 설명을 볼 수 있음. (데스크탑이 아닌 모바일기기로 접속시에도 유용함.)
② 시각장애인의 웹서핑시 사용하는 리더(reader) 프로그램이 텍스트는 읽어주나, 이미지는 읽을 수 없으므로 alt태그 안의 설명을 읽어줌.
③ 일반인 웹서핑시 인터넷 접속 등의 문제로 해당 이미지를 불러오지 못했을 때, 배꼽과 함께 이미지 설명을 보여줌.

 

2. title : 이미지 위에 마우스 포인터를 올려 놓았을 때 풍선 도움말처럼 뜨게 함.
① 이미지뿐 아니라, a태그, span태그, td태그 등 거의 대부분의 태그에 사용할 수 있고, '클릭하시면 다음 사진으로 바뀝니다.' 등의 간단한 풍선도움말 형식을 사용할 수 있음. 특히 웹표준에서는 a태그에 title 속성은 필수항목임. 링크주소에 대한 설명을 넣어, 링크주소에도 의미를 부여할 수 있음.
② 터치스크린 모바일기기에서 웹브라우징시에는 a링크 또는 이미지에 마우스 포인터를 올려놓을 수 없으므로, 한 번 터치시 title내용을 보여주고, 두 번 터치시 해당 링크로 접속이 됨.
③ 일반적인 게시판 리스트 페이지에서 게시물 제목을 일정 길이로 잘랐을 때, title속성에 전체 제목을 넣어주면, 해당 게시물을 클릭할 필요 없이 마우스 오버만으로 전체 제목을 볼 수 있음.

 

IE에서 alt속성의 내용을 마우스 오버시 보여줌으로 인해 alt와 title의 구별에 혼동을 주곤 하지만, alt와 title은 용도와 기능 면에서 확실히 다른 속성이다.

반응형
Posted by 은둔고수
프로그램/php2009. 7. 14. 21:51
반응형

[php-함수]PHP 문자열 함수 관련


strlen() : 문자열 길이 리턴

<?

$char="php_sample";

echo strlen($char);

?>

 

addslashes() : 문자열에 포함된 [작은따옴표], [큰따옴표], [역슬래시]에 해당

                               하는 문자가 있을 경우 그 앞에 역슬래시 문자를 추가 후 리턴

<?

$char="php_'sample";

echo addslashes($char);

echo "<br>";

$char="php_\sample";

echo addslashes($char);

?>

 

stripslashes() : 문자열에 [역슬래시]가 있을때 역슬래시를 제거 후 리턴

<?

$char="php_\'sample";

echo stripslashes($char);

?>

 

nl2br() : '\n' 문자를 <br>로 바꾼 후 리턴

<?

$char="member \n blog";
echo nl2br($char);
echo "<br>";

?>

 

number_format() : 문자열의 값을 금액 단위의 문자로 리턴

<?
$char=1234;
echo number_format($char);  //1,234
echo "<br>";
$char="";
echo number_format($char);  //0
echo "<br>";
$char=1234;
echo number_format($char,2); //1,234.00
?>

 

substr() : 문자열의 일부를 옵션에 맞게 리턴

<?

$char1=substr("abcdef", 0);  //abcdef

$char2=substr("abcdef", 1);  //bcdef

$char3=substr("abcdef", -1); //f

$char4=substr("abcdef", 0, 3); //abc

$char5=substr("abcdef", 2, 3); //cde

echo "$char1 <br> $char2 <br> $char3 <br> $char4 <br> $char5";

?>

 

strrchr() : 해당 문자열의 선택된 문자부터 마지막 문자까지 리턴

<?

$char1=strrchr("php_sample", "s"); //sample

$char2=strrchr("php_sample", "p"); //ple

$char3=strrchr("image.gif", "."); //.gif

echo "$char1 <br> $char2 <br> $char3";

?>

 

rand() : 정수형 임의의 값 리턴

<?

$char1=rand();

$char2=rand(0,5);

$char3=rand(1,100);

echo "$char1 <br> $char2 <br> $char3";
?>

 

uniqid() : 마이크로타임에 기반하여 중복되지 않는 고유한 값 리턴

<?

$char1=uniqid(2);

$char2=uniqid(2);

$char3=uniqid(rand());

echo "$char1 <br> $char2 <br> $char3";

?>

 

md5() : 중복되지 않는 고유값 리턴

                 (16진수 32문자 -> 고정된 크기의 값을 구할 수 있다)

<?

$char1=md5(2);

$char2=md5(rand());

$char3=md5(uniqid(rand()));

echo "$char1 <br> $char2 <br> $char3 <br>";

?>

 

htmlspecialchars() : 저장되는 문자열이 html로 적용되지 않도록 한다

<?

$char1="<";

$char2=">";

$char3="&";

echo htmlspecialchars($char1);  //&lt

echo "<br>";

echo htmlspecialchars($char2);  //&gt

echo "<br>";

echo htmlspecialchars($char3);  //&amp

?>

 

chop() : 문자열의 마지막 부분 공백을 지운 후 리턴

<?

$char1="php_sample ";

$char2="테스트";

$char3=" php_sample";

echo chop($char1);

echo chop($char2);

echo chop($char3);

?>

반응형
Posted by 은둔고수
프로그램/php2009. 7. 14. 21:48
반응형

[php-tip]PHP POST, GET, SESSION, 배열 값, 기타 등등 모두 출력하기

<?

// 테스트용 데이터 생성

$_POST['1']="가";
$_POST['2']="나";
$_POST['3']="다";
$_POST['4']="마";

$_GET['1']="가";
$_GET['2']="나";
$_GET['3']="다";
$_GET['4']="마";

 

$_SESSION['1']="가";
$_SESSION['2']="나";
$_SESSION['3']="다";
$_SESSION['4']="마";

 

$ary = array("1","2","3");
?>

 

<?

# POST 값을 모두 출력하기

// foreach()을 이용하는 방법
foreach($_POST as $key => $value)
{
 echo "$key ==> $value <br>";
}

echo "<br><br>";

// var_dump()을 이용하는 방법

var_dump($_POST);

 

echo "<br><br>";

// print_r()을 이용하는 방법

print_r($_POST);

?>

 

<?

# GET 값을 모두 출력하기

// foreach()을 이용하는 방법
foreach($_GET as $key => $value)
{
 echo "$key ==> $value <br>";
}
 

echo "<br><br>";

// var_dump()을 이용하는 방법

var_dump($_GET);

 

echo "<br><br>";

// print_r()을 이용하는 방법

print_r($_GET);

?>

 

<?
# SESSION 값을 모두 출력하기

// foreach()을 이용하는 방법
foreach($_SESSION as $key => $value)
{
 echo "$key ==> $value <br>";
}
?>

 

<?

# 배열 값을 모두 출력하기

// foreach()을 이용하는 방법
foreach($ary as $key => $value)

{
 echo "$key ==> $value <br>";
}
 

echo "<br><br>";

// var_dump()을 이용하는 방법

var_dump($ary);

 

echo "<br><br>";

// print_r()을 이용하는 방법

print_r($ary);

?>

반응형
Posted by 은둔고수
프로그램/php2009. 7. 14. 21:46
반응형

[php-tip]PHP 세션 변수가 사라진다

 

 

<?

header('P3P: CP="NOI CURa ADMa DEVa TAIa OUR DELa BUS IND PHY ONL UNI COM NAV INT DEM PRE"');
?>

 

php 소스 제일 상단에 위 소스를 삽입한다.

 

 

 

예제출처 (http://www.thescripts.com/forum/thread512527.html)


A라는 도메인에서  iframe을 이용해서 B도메인에 있는 페이지를 불러왔다.

불려지는 B도메인의 웹페이지는 session변수를 생성하는데

iframe내에서 다른 B도메인내의 웹페이지로 이동을 하면 세션변수가 사라지는 현상이 발생한다.

Session.sessionID 를 이용해서 확인해 보면 계속해서 새로운 sessionID가 생성 됨을 확인할 수 있었다.

한마디로 세션이 저장이 되지않고 계속해서 세션쿠키가 새로 발급되는 현상으로 iframe뿐만 아니라 frame에서도 마찬가지였다.

또한, 이 문제는 FF에서는 정상적으로 세션변수가 유지되는 반면에 IE6에서는 세션변수가 사라졌다.


해결방법 (http://classicasp.aspfaq.com/general/why-won-t-my-session-variables-stick.html)

위의 링크를 따라가면 더더욱 많은 세션변수가 사라지는 현상과 그 해결방법에 대해나와있으니

참고하길 바라며 내가 겪은 세션변수 사라지는 현상의 해결방법은 다음과 같았다.


Internet Explorer 6에서 FRAMESET을 사용하면 세션 변수가 손실된다

MSDN기술문서 KB #323752

(한글로 번역되어있으니 기술 문서를 따라가면 원인과 해결방법에 대해 쉽게 알 수 있다.)

 

쿠키발급에 관한 정책문제이며

response.addHeader "P3P","CP=""IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"""

또는

header('P3P: CP="NOI CURa ADMa DEVa TAIa OUR DELa BUS IND PHY ONL UNI COM NAV INT DEM PRE"');

위의 헤더를 추가해주면 간단하게 해결이 된다.

 

이렇게 해도 안된다면 session_start()를 확인해본다. <- 자세히 보기

반응형
Posted by 은둔고수
프로그램/php2009. 7. 13. 23:40
반응형

[php-tip]PHP 모든 태그를 제거

 

 function stripTags($str)

{
  $pattern = array('/<!--(.*?)-->/s', '/<script[^>]*?>(.*?)<\/script>/is', '/<style[^>]*?>(.*?)<\/style>/is', '/<(.*?)>/s');
  return preg_replace($pattern, '', $str);
 }

반응형
Posted by 은둔고수