'분류 전체보기' 카테고리의 글 목록 (4 Page)

분류 전체보기

JSON데이터 가져오기

나레이 2014. 2. 11. 14:59

2014. 2. 11. 14:59

JSON데이터를 가져와 봅시다.

예를 들어 JSON데이터가 다음과 같다면

ajax로 데이터를 가져오는 방법은....

function ListComment(page)
{
	var param = "";
	var PageSize = 10;

var urlstr = "action.asp";
	param = "v_action=listComment";
	param += "&Page="+page;
	param += "&PageSize="+PageSize;
	param += "&number="+$("#FKEvent2").val();

jQuery.ajax({ 
	   type: "POST", 
	   url: urlstr, //보낼 페이지
	   data: param,  //변수가 여러개면 "id=ddd&name=프라임&age=22" 처럼 작성
	   async: false,
	   success: function(request){
			if( request == "FAIL"){
					alert("실패 하였습니다."); 
			 }else if (request == "NOTFOUND")
			 {
					//alert("일치하는 정보가 없습니다.\n입력데이터를 다시 확인해주세요.");
			 }else{
				
				var retValue = "";
				var count = (request == null ? 0 : request.count);

_page = page;
				_count = count;
				if(request != null && count > 0){
					var itemArticle = request.articles;
					for(var i=0; i<10; i++){
						if(i<itemArticle.length) { 
							retValue += "<tr>";
							retValue += "	<td class=\"subject\" style=\"word-break:break-all;word-wrap:break-word;\"><p>"+itemArticle[i].comment+" ";
							retValue += "("+itemArticle[i].id+")</p></td>";
							retValue += "	<td class=\"date\">"+itemArticle[i].writeDate+"</td>";
							retValue += "</tr>";

}
					}
				}else{
					retValue += "<tr>";
					retValue += "	<td colspan=\"3\" style='text-align:center;'>등록된 댓글이 없습니다.</td>";
					retValue += "</tr>";
				}
				$("#tbCommentList").html(retValue);
				setPaging(count,page, PageSize);
				
			 }
	   }, 
	   error: function(request) {
				 alert(request.responseText);
			 }
	  });

}

저작자표시 비영리 동일조건

'JQuery' 카테고리의 다른 글

동적 행 추가 (clone, append) (0)	2014.02.24
ajax로 파일업로드하기 (1)	2014.02.20
input box에 숫자만 입력 (0)	2014.02.11
ajax 호출하기 (0)	2014.02.11
Prototype과 같이 쓸 때 충돌방지 (0)	2014.02.11

ajax 호출하기

나레이 2014. 2. 11. 14:24

2014. 2. 11. 14:24

ajax를 호출해 봅시다. ㅎㅎ

스크랩버튼을 클릭했을 때 action.asp에서 스크랩수를 카운트해주고 처리결과값을 리턴해주는 함수

리턴값이 없으면 성공이므로 붙여넣기를 진행한다.

var eventNumber = $("#FKEvent").val(); 
var title = $("#title").val(); 
var action = "action.asp"; 
var method = "post"; 
var param = "";

param += "actType=scrapcnt"; 
param += "&number=" +eventNumber; 
param += "&contents=" + encodeURIComponent(title);

jQuery.ajax({ 
	   type: "POST", 
	   url: urlstr, //보낼 페이지
	   data: param,  //변수가 여러개면 "id=ddd&name=프라임&age=22" 처럼 작성
	   async: false,
	   success: function(request){

if( request == ""){
				var str = "<div style=\"width:100%; text-align:center;\"><a href=\"http://www.wanja.co.kr/v_event/2012/03/index.asp?event_no=14\" target=\"blank\"><img src=\"http://www.visang.com/upload/wanja/scrap/20121115.jpg\" border=\"0\"/></a></div>";

if(window.clipboardData){
					window.clipboardData.setData("text", str);
					alert("복사 되었습니다.\n게시물 등록페이지에 붙여넣기(Ctrl+v) 하세요.\n\n※ 꼭 html모드에서 붙여넣으세요.");
				}
				else{
					alert("죄송합니다.\n브라우저가 복사하기 기능을 제공하지 않습니다.");
				}
			 }else
			 {
				 alert(request);
			}
	   }, 
	   error: function(request) {
				 alert(request.responseText);
			 }
	  });

저작자표시 비영리 동일조건

'JQuery' 카테고리의 다른 글

동적 행 추가 (clone, append) (0)	2014.02.24
ajax로 파일업로드하기 (1)	2014.02.20
input box에 숫자만 입력 (0)	2014.02.11
JSON데이터 가져오기 (0)	2014.02.11
Prototype과 같이 쓸 때 충돌방지 (0)	2014.02.11

Prototype과 같이 쓸 때 충돌방지

나레이 2014. 2. 11. 14:19

2014. 2. 11. 14:19

기존에 프로토타입을 쓰는 사이트에 jquery를 같이 쓰고자 할때는 충돌방지 코드를 넣어준다.

그리고 그 밑에서는 jQuery 함수를 호출할 땐 $대신 $j를 써주면 된다.

($는 프로토타입꺼 ㅋ)

저작자표시 비영리 동일조건

'JQuery' 카테고리의 다른 글

동적 행 추가 (clone, append) (0)	2014.02.24
ajax로 파일업로드하기 (1)	2014.02.20
input box에 숫자만 입력 (0)	2014.02.11
JSON데이터 가져오기 (0)	2014.02.11
ajax 호출하기 (0)	2014.02.11

티스토리에 소스코드 넣기

나레이 2013. 12. 13. 20:40

2013. 12. 13. 20:40

대부분 다음블로그에 기록을 남기는데 대부분 개발관련 글이다보니 소스를 넣어야할때가 많다.

syntaxhighlighter라는 것을 많이 쓴다는데....저도 한 번 깔아보겠습니다 ㅋ

syntaxhighlighter_2.1.364.zip

http://alexgorbatchev.com/SyntaxHighlighter/download/

3.0까지 버전이 나왔다지만 소스보기와 인쇄 기능이 있다는 2.1.364버전으로 설치한다.

다음에는 없는 티스토리에만 있는 스킨 수정기능으로 도전! (에디터는 둘이 비슷한거 같은데 왜 다음은 없는지 모르겠다.)

1. 티스토리 관리로 들어간다.

2. 왼쪽메뉴>꾸미기>HTML/CSS편집

3. 파일업로드 탭 클릭

4. 맨 밑에 추가버튼 클릭

5. 아까 받은 파일의 압축을 풀면 scripts, styles, src 세 폴더가 보인다. 이 중에 scripts, styles폴더 안에 있는 파일들을 선택해서 올린다. 뭐가 뭔지 모르니 일단 몽땅!

6. HTML/CSS탭 클릭

7. 여기서 skin.html 편집에 들어간다. 그리 어렵지 않다.

header부분

참 style폴더를 보면 테마css가 몇가지 있는데 shThemeDefault.css는 디폴트이다.

다른 테마로 보고싶다면 shThemeDefault.css대신 테마css로 설정해주면 된다.

참고로 나는 shThemeRDark.css로 설정하였다.

다시 아래로 내려간다. body태그 닫기 바로 전 까지.

....... <script class="javascript" src="./images/shCore.js" ></script> <script class="javascript" src="./images/shLegacy.js" ></script> <script class="javascript" src="./images/shBrushCss.js" ></script> <script class="javascript" src="./images/shBrushCpp.js" ></script> <script class="javascript" src="./images/shBrushCSharp.js" ></script> <script class="javascript" src="./images/shBrushJava.js" ></script> <script class="javascript" src="./images/shBrushJScript.js" ></script> <script class="javascript" src="./images/shBrushSql.js" ></script> <script class="javascript" src="./images/shBrushVb.js" ></script> <script class="javascript" src="./images/shBrushXml.js" ></script> <script class="javascript"> dp.SyntaxHighlighter.ClipboardSwf = "./images/clipboard.swf"; dp.SyntaxHighlighter.HighlightAll("code"); </script> </body>

js파일들은 각 언어에 맞는 환경을 제공해주는 것 같다.

script폴더안에 있는 js파일들 보고 알맞게 갖다쓰면 될 여기까지 해주면 skin.html 수정 끝이다.

8. 이제는 편집기에서 사용해보자 . 참참 HTML쓰기로 해야한다. 에디터로하면 안됨.

소스코드
</textarea>

class에 각자 맞는 aliases를 넣으면 되는 것 같다. (이건 아직 추측)

이건 각 js파일을 열어 SyntaxHighlighter.brushes.JScript.aliases를 찾아보면됨.

-The End-

저작자표시 비영리 동일조건

'기타' 카테고리의 다른 글

티스토리에 코드넣기 (0)	2019.08.30
bat파일 작업스케줄러 걸기 (0)	2015.01.08
facebook 공유링크 캐쉬 삭제 (0)	2014.06.16
SNS 링크걸기 (0)	2014.06.09

url 인코딩 (한글깨짐)

나레이 2013. 12. 13. 16:25

2013. 12. 13. 16:25

어디선가 줏어온 소스이다.

sns에 퍼가기 할때 한글이 깨지는데 이걸 쓰면 잘 넘어감

script 함수

호출

저작자표시 비영리 동일조건

'Javascript' 카테고리의 다른 글

음성플레이어 구현 (ie지원) (0)	2014.02.11
브라우저 체크 (0)	2013.12.13

브라우저 체크

나레이 2013. 12. 13. 16:02

2013. 12. 13. 16:02

jquery에 브라우처 체크기능이 있다가 뭔가 에러가 있어서 빠진듯 하다.

이럴땐 수동 함수로...

저작자표시 비영리 동일조건

'Javascript' 카테고리의 다른 글

음성플레이어 구현 (ie지원) (0)	2014.02.11
url 인코딩 (한글깨짐) (0)	2013.12.13

PREV 이전 1 2 3 4 NEXT 다음

Run!