미련곰 블로그

(1) Window  개체와 Document 개체를 선언한다.

(2) 지난번 아티클에서 확인한 Html 페이지의 텍스트 박스 개체

(3) id 라는 키의 QueryString 을 가져와서 텍스트 박스에 뿌려준다.

이런식으로 QueryString 을 가져온다..

실버라이트와 HTML 은 밀접한 관련이 있다..

그렇지.. 결국은 웹페이지 위에 올려서 돌아 가는 것이니..

그리 하여..

실버라이트와 HTML DOM 에 대하여 간략하게 알아보자 ..

(1) 은 Silverlight.createObjectEx 메소드가 담긴 .js 이다..

(2) 는 지난번 아티클에서 설명한 Silverlight.createObjectEx 메소드

(3) 은 확인하기 좋은 텍스트 박스..


System.Windows.Browser.HtmlDocument 클래스는 HTML 관련 처리의 모든것을 담당하는 클래스 이다..

GetElementById 라는 메소드는 어디서 많이 보지 않았는가??

System.Windows.Browser.HtmlElement 클래스는 HTML 객체를 찾아다 담을수있다..

SetProperty 와 SetStyleAttribute 메소드는 상태와 스타일을 설정해주는 함수이다..

매우 직관적이지 않는가??

책에 있는 예제를 타이핑후 옮겨본다..

실버라이트 프로젝트를 웹사이트에 올려서 돌리면..

(구체적으로 말하자만.. 자동으로 만들어 주는 웹사이트에 있는 .js 에서 생기는)..

제목에 적은 Silverlight.createObjectEx()  통해 돌아간다..

물론, Object 태그로 돌려도 관계는 없겠지만..

조금더 확장적인 Silverlight 를 구동 하려면..

아무래도 마소가 쥐어주는걸 사용하라는 말이겠지..

<script type="text/javascript" src="Silverlight.js"></script>

<div id="divSilverlight">

        <script type="text/javascript" language="javascript">
            Silverlight.createObjectEx(
            {
                source: "ClientBin/SilverlightApplication1.xap"
                , parentElement: document.getElementById("divSilverlight")
                , id: "sexybearSilverlight"
                , properties:
                    {
                        height: "50%"
                        , width: "50%"
                        , background: "transparent"
                        , isWindowless: "true"
                        , frameRate: "30"
                        , inplaceInstallPrompt: true
                        , version: "2.0"
                        , ignoreBrowserVer: "true"
                        , enableHtmlAccess: "true"
                    }
                , event: {}
            }

        );
        </script>

    </div>


Silverlight.createObjectEx()  메서드를 통해 실버라트를 웹사이트에 얻는 것은 위와 같은 코드를 통해서이다..

검색을 해보니..

책보가 설명이 더 잘되어 있더라...ㅋ

아래는 테리님 블로그에서 훔쳐 왔습니다.ㅋ

String.Format 관련하여 MSDN 을 검색하던중..

보기 편하게 정리된 내용이 있었다..

다음 처럼..

물론 링크는 요기..

http://msdn.microsoft.com/ko-kr/library/fht0f5be(VS.85).aspx

 enum Color { Yellow = 1, Blue, Green };
    static DateTime thisDate = DateTime.Now;
   
    protected void Page_Load(object sender, EventArgs e)
    {       
        string s = "";
        Response.Write("Standard Numeric Format Specifiers<br>");
        s = String.Format(
            "(C) Currency: . . . . . . . . {0:C}<br>" +
            "(D) Decimal:. . . . . . . . . {0:D}<br>" +
            "(E) Scientific: . . . . . . . {1:E}<br>" +
            "(F) Fixed point:. . . . . . . {1:F}<br>" +
            "(G) General:. . . . . . . . . {0:G}<br>" +
            "    (default):. . . . . . . . {0} (default = 'G')<br>" +
            "(N) Number: . . . . . . . . . {0:N}<br>" +
            "(P) Percent:. . . . . . . . . {1:P}<br>" +
            "(R) Round-trip: . . . . . . . {1:R}<br>" +
            "(X) Hexadecimal:. . . . . . . {0:X}<br>",
            -123, -123.45f);
       
        Response.Write(s);
        Response.Write("<hr>");
       
        Response.Write("Standard DateTime Format Specifiers<br>");
        s = String.Format(
            "(d) Short date: . . . . . . . {0:d}<br>" +
            "(D) Long date:. . . . . . . . {0:D}<br>" +
            "(t) Short time: . . . . . . . {0:t}<br>" +
            "(T) Long time:. . . . . . . . {0:T}<br>" +
            "(f) Full date/short time: . . {0:f}<br>" +
            "(F) Full date/long time:. . . {0:F}<br>" +
            "(g) General date/short time:. {0:g}<br>" +
            "(G) General date/long time: . {0:G}<br>" +
            "    (default):. . . . . . . . {0} (default = 'G')<br>" +
            "(M) Month:. . . . . . . . . . {0:M}<br>" +
            "(R) RFC1123:. . . . . . . . . {0:R}<br>" +
            "(s) Sortable: . . . . . . . . {0:s}<br>" +
            "(u) Universal sortable: . . . {0:u} (invariant)<br>" +
            "(U) Universal sortable: . . . {0:U}<br>" +
            "(Y) Year: . . . . . . . . . . {0:Y}<br>",
            thisDate);
        Response.Write(s);
        Response.Write("<hr>");
               
        Response.Write("Standard Enumeration Format Specifiers<br>");
        s = String.Format(
            "(G) General:. . . . . . . . . {0:G}<br>" +
            "    (default):. . . . . . . . {0} (default = 'G')<br>" +
            "(F) Flags:. . . . . . . . . . {0:F} (flags or integer)<br>" +
            "(D) Decimal number: . . . . . {0:D}<br>" +
            "(X) Hexadecimal:. . . . . . . {0:X}<br>",
            Color.Green);
        Response.Write(s);
    }

결과는 이렇게..

네이버 메일의 기능중에 이런 것이 있더라~~


네임택이라고 하는것인데..

알고 보니..

GDI 로 그리는것이더라..

그래서 asp.net 으로 구현 해보았다 ..


aspx 페이지는 빈페이지~


name 이라는 파라미터를 받아서..

gdi 로 그려주려는 것이다..

다음처럼 사용하면...


페이지를 실행하니..

음하~


떨어지는 미덕 감각은 어쩔수 없고 ..ㅡㅡ;;;

  

네이버의 에디터 ..

스마트 에디터라고 개발이후에 엄청 광고도 했었더랬다..


너무 친숙한 모습니다..

네이버 스마트 에디터 같은 경우에는 다들 한번 이상 사용해보았을것이다..

그럼데..

네이버에서 오픈소스로 스마트 에디터를 공개 했더라..(다는 아니고 Basic 이라는 버젼으로 그래도 머..쩝)

다운로드 & 참고 -->> http://dev.naver.com/projects/smarteditor

자 그럼 다운로드를 받으시고 ..

중요한건 진도 자바스크립트 프레임웤도 다운로드를 해야 한다는 것이다..

진도 프레임웤 다운 & 참고 -->> http://dev.naver.com/projects/jindo

그리고 jindo.min.js 이 파일의 이름으로 js 폴더에 카피 ..


다음과 같은 구조로 이루어져 있다.

SmEditor 는 에디터에서 필요한 파일들로 구성을 하였다..

Css ;; 에디터 스타일

img ;; 에디터 이미지들

js ;; 필요한 자바스크립트 라이브러리

js_src ;; 자바스크립트 소스들

자자 그러면 한번 스마트 에디터를 사용해보자 ..

사용은 의외로 간단하다..


js 파일을 인클루드 하고..

기존 대부분의 js 기반 에디터들과 마찬가지로..

텍스트 에어리에 위에 아이프레임으로 스킨을 얻는 방식이다..

참고할 사항은..

asp.net 의 서버측 자원에서 사용하기 위해 포스트 백이 이루어지기전에 히든 필드에 담는것이다..

그리고 서버측에서는 단순하게 히든필드를 참조 한다.


참~~ 쉽죠잉~~

테스트를 하니.. 잘된다 ^^;;


-----

테스트 소스도 첨부 합니다..

네이버에 개발자 센터라는 항목이 있다.

오픈소스 프로젝트와 오픈 API 등등의 서비스 이다 ..

http://dev.naver.com/

정말 네이버 틱한 페이지 ..

이 카테고리는 오픈 아피(api)를 다뤄 보고 테스트도 겸사겸사 해보려 한다..

우선은 스마트에디터!!

http://msdn.microsoft.com/ko-kr/library/ms186734(SQL.90).aspx

ROW_NUMBER 구하기 편하게??

<script type="text/javascript" language="javascript">
	document.getElementById('개체명')  =  $get("개체명");
</script>

<script type="text/javascript" language="javascript">
	$get("Label1").innerHTML = $get("TextBox1").value;

	document.getElementById('Label1').innerHTML = document.getElementById('TextBox1').value
</script>

결국 위 아래 구문은 같다.

[msdn 참고 경로]

public static void RegisterClientScriptBlock(
    Control control,
    Type type,
    string key,
    string script,
    bool addScriptTags
)

public static void RegisterClientScriptBlock(
    Page page,
    Type type,
    string key,
    string script,
    bool addScriptTags
)

ScriptManager.RegisterClientScriptBlock(
            업데이트 패널 개체
            , this.GetType()
            , "jsAlert"
            , "<script type="text/javascript" language="javascript">alert('111');</script >"
	    , false);

ScriptManager.RegisterClientScriptBlock(            
	    this.Page            
	   , this.GetType()            
	   , "jsAlert"            
	   , "<script type="text/javascript" language="javascript">alert('111');</script >"
	   , false);