html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp;
- 스페이스
  - 스페이스   - 큰스페이스
'web > html' 카테고리의 다른 글
| [HTML Number] " " 따옴표( double quotes ) (0) | 2014.05.22 |
|---|---|
| [css] 테이블 선 스타일(border-style) (0) | 2014.05.19 |
'web'에 해당되는 글 9건
- 2014.06.12 html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp; 2
- 2014.05.30 php에서web url이용하여 xml파싱하기 1
- 2014.05.29 [자바스크립트][예제] 간단한 password 체크 프로그램
- 2014.05.29 [자바스크립트][예제] 아이디 중복확인 예제 / 문자열 비교 1
- 2014.05.29 [자바스크립트] Javascript Char Codes (Key Codes)
- 2014.05.29 [자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기 1
- 2014.05.22 [HTML Number] " " 따옴표( double quotes )
- 2014.05.20 javascript에서 Element에 접근하는 3가지 방법
- 2014.05.19 [css] 테이블 선 스타일(border-style)
2014. 6. 12. 11:17
  - 큰스페이스
2014. 5. 30. 15:29
php에서 web url이용하여 xml파싱하기
아래 설정 안해놔서 반나절 동안 삽질하였다. ㅠ_ㅜ
php.ini에서
extension=php_soap.dll
extension=php_sockets.dll
extension=php_xmlrpc.dll
extension=php_curl.dll
extension=php_openssl.dll
만약 아래 에러가 나오면! allow_url_fopen을 on으로 바꿔준다!
Warning: simplexml_load_file() [function.simplexml-load-file]: URL file-access is disabled in the server configuration in
allow_url_fopen = Off
-> allow_url_fopen = On
기상청 예제로, 참고해 볼수 있도록 소스를 남겨두었다.
http://www.kma.go.kr/XML/weather/sfc_web_map.xml
<html>
<head>
</head>
<body>
<?
$url = "http://www.kma.go.kr/XML/weather/sfc_web_map.xml";
$xml = @simplexml_load_file($url);
$weather = $xml->weather;
foreach( $weather->local as $local)
{
echo "<b>".$local."<br></b>";
foreach($local->attributes() as $a => $b) {
echo "$a=$b<br>";
}
echo "----------------------------<br>";
}
?>
</body>
</html>
결과>>>>
2014. 5. 29. 15:33
[자바스크립트][예제] 간단한 password 체크 프로그램
=> 아주 간단한 예제, 예외처리 해서 써야 하는 부분들은 많지만, 간단히 password체크 해 볼 수 있다!
<html>
<head>
<script language="javascript">
function passwordCheckk()
{
var password = document.getElementById("password").value;
var passwordCheck = document.getElementById("passwordCheck").value;
if ( passwordCheck == "")
{
document.getElementById("passwordCheckText").innerHTML = "" }
else if ( password != passwordCheck )
{
document.getElementById("passwordCheckText").innerHTML = "<b><font color=red size=5pt> Not Ok PW. </font></b>"
}
else
{
document.getElementById("passwordCheckText").innerHTML = "<b><font color=red size=5pt> Ok PW. </font></b>"
}
}
</script>
</head>
<body>
<table border=1>
<tr style="border-left-style:dashed;border-right-style:dashed">
<td>
패스워드
</td>
<td colspan="2">
<input type="password" id="password" name="pw"><br>
</td>
</tr>
<tr style="border-left-style:dashed;border-right-style:dashed">
<td>
패스워드체크
</td>
<td>
<input type="password" id="passwordCheck" name="pw" onkeyup="passwordCheckk()"><br>
</td>
<td id="passwordCheckText" width=100>
</td>
</tr>
</table>
</body>
</html>
'web > javascript' 카테고리의 다른 글
| [자바스크립트][예제] 아이디 중복확인 예제 / 문자열 비교 (1) | 2014.05.29 |
|---|---|
| [자바스크립트] Javascript Char Codes (Key Codes) (0) | 2014.05.29 |
| [자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기 (1) | 2014.05.29 |
| javascript에서 Element에 접근하는 3가지 방법 (0) | 2014.05.20 |
2014. 5. 29. 15:12
[자바스크립트][예제] 아이디 중복확인 예제
간단한 아이디 중복확인 예제
지정해 둔 아이디배열 값과 중복되면 "존재하는 아이디입니다."라고 alert를 띄우고
input 박스를 clear 하는 예제이다!
<html>
<head>
<script language="javascript">
function duplicationCheck()
{
var users = ["name1", "name2", "name3"];
var userId = document.getElementById("userId").value;
for(var i =0; i < users.length; i++)
{
if ( userId == users[i])
{
document.getElementById("userId").value = "";
return alert(userId + "는 존재하는 아이디 입니다.");
}
}
}
</script>
</head>
<body>
<table border=1>
<tr style="border:2px solid green">
<td>
아이디
</td>
<td colspan="3">
<input type="text" id="userId" name="name" onkeyup="duplicationCheck()">
</td>
</tr>
</table>
</body>
</html>
여기서 팁! Onkeydown보다 Onkeyup을 사용하면 더 편함!
Onkeydown은 누루면서 찍히는 거라 제대로 안 될 수도 있음!
여기서 OnkeyDown, Onkeyup, OnkeyPress 내용도 참고로 정리!
Onkeydown : 키보드 자판을 누르는 순간에 발생하는 이벤트
=> 영문, 숫자, 한글, BackSpace 등에서 발생
Onkeyup : 키보드 자판을 누른 후, 올라올 때 발생하는 이벤트
=> 영문, 숫자, 한글, BackSpace 등에서 발생
Onkeypress : down과 up 중간에 발생하는 이벤트 => 영문, 숫자 등에서만 이벤트가 발생
'web > javascript' 카테고리의 다른 글
| [자바스크립트][예제] 간단한 password 체크 프로그램 (0) | 2014.05.29 |
|---|---|
| [자바스크립트] Javascript Char Codes (Key Codes) (0) | 2014.05.29 |
| [자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기 (1) | 2014.05.29 |
| javascript에서 Element에 접근하는 3가지 방법 (0) | 2014.05.20 |
2014. 5. 29. 11:57
Javascript Char Codes (Key Codes)
자주 사용하는 것만 스크랩
| Key | Code |
| backspace | 8 |
| tab | 9 |
| enter | 13 |
| shift | 16 |
| ctrl | 17 |
| alt | 18 |
| pause/break | 19 |
| caps lock | 20 |
| escape | 27 |
| page up | 33 |
| page down | 34 |
| end | 35 |
| home | 36 |
| left arrow | 37 |
| up arrow | 38 |
| right arrow | 39 |
| down arrow | 40 |
| insert | 45 |
| delete | 46 |
아래와 같이 쓰입니다.!
//자바스크립트
function enter(ev)
{
key = ev.charCode || ev.keyCode || key.whitch;
if ( key == 13 ) //엔터면!!
func1();
}
<input id="...." type="text' .... onKeydown="enter(event)">
더많은 KeyCode를 볼려면
아래 출처 사이트 참조하세요!
출처 : http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-code
'web > javascript' 카테고리의 다른 글
| [자바스크립트][예제] 간단한 password 체크 프로그램 (0) | 2014.05.29 |
|---|---|
| [자바스크립트][예제] 아이디 중복확인 예제 / 문자열 비교 (1) | 2014.05.29 |
| [자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기 (1) | 2014.05.29 |
| javascript에서 Element에 접근하는 3가지 방법 (0) | 2014.05.20 |
2014. 5. 29. 11:43
[자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기
처음 페이지가 열릴때 (window.onload) 동적으로
날짜를 select박스에 넣는 예제!
Year
[1980]~[2019]년까지..
Day
[1]~[12]월까지,
Month
[1]~[31]일까지 넣기!
<!-- 자바스크립트로 구현! -->
<script language="javascript">
window.onload = function(){
var sYear=1980
var eYear=2019
var sMonth=1
var eMonth=12
var sDay=1
var eDay=31
var strYear="";
var strMonth="";
var strDay="";
for(var i=sYear; i<=eYear; i++)
{
strYear +="<option value="+i+">"+i+"</option>";
}
for(var i=sMonth; i<=eMonth; i++)
{
strMonth +="<option value="+i+">"+i+"</option>";
}
for(var i=sDay; i<=eDay; i++)
{
strDay +="<option value="+i+">"+i+"</option>";
}
document.getElementById("year").innerHTML = strYear
document.getElementById("month").innerHTML = strMonth
document.getElementById("day").innerHTML = strDay
}
</script>
<!-- HTML 코드! -->
<body>
<table border=1>
<tr>
<td>
날짜선택
</td>
<td>
<select id="year" name="year">
</select>
</td>
<td>
<select id="month" name="month">
</select>
</td>
<td>
<select id="day" name="day">
</select>
</td>
</tr>
</table>
</body>
결과!
'web > javascript' 카테고리의 다른 글
| [자바스크립트][예제] 간단한 password 체크 프로그램 (0) | 2014.05.29 |
|---|---|
| [자바스크립트][예제] 아이디 중복확인 예제 / 문자열 비교 (1) | 2014.05.29 |
| [자바스크립트] Javascript Char Codes (Key Codes) (0) | 2014.05.29 |
| javascript에서 Element에 접근하는 3가지 방법 (0) | 2014.05.20 |
2014. 5. 22. 15:13
HTML로 작성된 데이터를 보던 중
"를 보고 당황하던 기억이 있다.
&#로 시작하는 것은 HTML Number를 표현하는 것을 구글링 한 결과 찾을 수 있었다.
"는 HTML Number로 "(HTML Name) 와 같고,
이 뜻은 double quotes 즉 따옴표이다.
이런 Chracters의 symbol를 보기 좋게 정리한 사이트가 있어 첨부한다.
http://www.ascii.cl/htmlcodes.htm
'web > html' 카테고리의 다른 글
| html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp; (2) | 2014.06.12 |
|---|---|
| [css] 테이블 선 스타일(border-style) (0) | 2014.05.19 |
2014. 5. 20. 17:29
* JavaScript에서! Element에 접근하는 방법은 3가지! 있어!
=> ID, CLASS, TAGNAME
document.getElementById : ID를 이용해서 접근
document.getElementsByTagName : TagName을 이용해서 접근
document.getElementsByClassName : ClassName을 이용해서 접근 (ie에선 잘 안됨)
var : 변수 선언시! .. 배열, 문자, 숫자, 구분 없음
innerHTML : 내용이 저장되는 부분을 바꿔주는 것으로 text 대체 가능!
'web > javascript' 카테고리의 다른 글
| [자바스크립트][예제] 간단한 password 체크 프로그램 (0) | 2014.05.29 |
|---|---|
| [자바스크립트][예제] 아이디 중복확인 예제 / 문자열 비교 (1) | 2014.05.29 |
| [자바스크립트] Javascript Char Codes (Key Codes) (0) | 2014.05.29 |
| [자바스크립트][예제] innerHTML로 <select><option> 으로 날짜 구현하기 (1) | 2014.05.29 |
2014. 5. 19. 14:37
페이지를 제작하다 보면 테이블에 선 스타일을 주고 싶을 때가 있다.
이곳 저곳 찾아보다가 정리하게 된다.
참고하고자 할때 도움이 될듯.
1) 선의 모양(border-style)
<html>
<head>
</head>
<body>
<table style="border-style:groove" width=400>
<tr>
<td align="center">
style="border-style:groove"
</td>
</tr>
</table>
<br>
<table style="border-style:solid" width=400>
<tr>
<td align="center">
style="border-style:solid"
</td>
</tr>
</table>
<br>
<table style="border-style:double" width=400>
<tr>
<td align="center">
style="border-style:double"
</td>
</tr>
</table>
<br>
<table style="border-style:dashed" width=400>
<tr>
<td align="center">
style="border-style:dashed"
</td>
</tr>
</table>
<br>
<table style="border-style:dotted" width=400>
<tr>
<td align="center">
style="border-style:dotted"
</td>
</tr>
</table>
<br>
<table style="border-style:ridge" width=400>
<tr>
<td align="center">
style="border-style:ridge"
</td>
</tr>
</table>
<br>
<table style="border-style:inset" width=400>
<tr>
<td align="center">
style="border-style:inset"
</td>
</tr>
</table>
<br>
<table style="border-style:outset" width=400>
<tr>
<td align="center">
style="border-style:outset"
</td>
</tr>
</table>
<br>
<table style="border-style:hidden" width=400>
<tr>
<td align="center">
style="border-style:hidden"
</td>
</tr>
</table>
<br>
</body>
</html>
2) 선을 단선으로 하는 border-collapse 지정
collapse : 서로 이웃하는 테이블이나 셀의 테투리선 겹쳐서 표현
separate : 기본값으로 서로 이웃하는 테이블이나 셀의 테두리선 분리시켜 표현
<html>
<head>
<style type"text/css">
table, td{
border: 1px solid green;
}
</style>
</head>
<body>
<table style="border-style:solid;border-collapse:collapse" width=400>
<tr border="1">
<td border="1" align="center">
style="border-collapse:collapse"
</td>
</tr>
</table>
<br>
<table style="border-style:solid;border-collapse:separate" width=400>
<tr border="1">
<td border="1" align="center">
style="border-collapse:separate"
</td>
</tr>
</table>
<br>
</body>
</html>
'web > html' 카테고리의 다른 글
| html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp; (2) | 2014.06.12 |
|---|---|
| [HTML Number] " " 따옴표( double quotes ) (0) | 2014.05.22 |
