2014-06-11 2 views
0

웹 개발에 대해 더 자세히 알아보고 싶습니다. 이전에는 단순히 작동하는 응용 프로그램에 만족했지만 이전에는 사용 용이성과 디자인에 약간 초점을 맞추기를 원했습니다. 좋은 방법으로 로그인하는 정말 멋진 웹 사이트를 찾았습니다. 당신은 javascript onclick (나는 짐작한다)을 한 다음 작은 창을 띄운다. 나는 그것이 무엇인지 알아 내려고 this site의 소스 코드에서 검색해 보았습니다. 그리고 나는 아직도 그것을하는 방법을 얻지 못하는 다음 줄을 발견했습니다.여기에 어떤 기술이 사용되고 있습니까?

<input 
    type="image" name="ctl00$Header1$LoginUserControl1$BtnLogin" id="ctl00_Header1_LoginUserControl1_BtnLogin" 
    title="Login" 
    src="/media/images/login_button.png" 
    onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$Header1$LoginUserControl1$BtnLogin&quot;, &quot;&quot;, false, &quot;&quot;, &quot;https://my.aiga.org/vango/core/login.aspx&quot;, false, false))" /> 

사람들이 어떻게 설계했는지 추측 할 수 있습니까?

편집 : 답변 해 주셔서 대단히 감사합니다. 난 정말 asp.net에 다이빙 싶지 않아 :/당신은 어떤 방법으로 자바 스크립트로 할 수있는 자습서 또는 제안이 있습니까?

+0

Javascript에서 프로그래밍하기가 더 쉬워 진 코드 라이브러리 인 JQuery를 배울 수 있습니다. 어쨌든 페이지에서 오는 정보로 작업하는 방법을 배우려면 서버 측 코딩의 일부 형식을 배워야합니다. .NET 웹 폼/자바 서블릿/PHP – thedrs

+0

다음과 같은 창을 열 수있는 작은 순수 자바 스크립트 메서드가 있습니다. http://jsfiddle.net/kumarmuthaliar/GG9Sa/1/ – thedrs

+0

정말 멋지 네요. 왜? 답변으로 게시하지 않습니까? 나는 노드를 배우고 순간 서버 측 코딩의 트릭에 대해 표현하려고 노력한다. 그리고 지금은 JQuery를 배워야 할 것 같습니다. –

답변

1

이 코드는 입력 컨트롤이 화면에서 드래그 될 때 Visual Studio에서 자동 생성됩니다. Visual Studio는 프로그래밍을 쉽게하기 위해 많은 코드를 추가합니다.

여기에 JS 코드가 추가되어 버튼을 클릭하면 포스트 백이 수행됩니다.

게시물은 (웹 양식 게시물과 마찬가지로) 게시하고 페이지의 상태를 보여주는 많은 매개 변수를 처리하는 서버 측 코드로 다시 전달하고 현재 페이지의 매개 변수를 기반으로 새로운 응답 페이지를 생성합니다.

+0

팝업으로 나타나는 '창'과 관련하여 명확히하기 위해 나머지 HTML에는 특정 위치에 표시되는 div뿐입니다. 단일 HTML 페이지에는 실제 윈도우가 없습니다. 그런 '창'을 처음부터 쓰지 않고 쉽게 사용할 수있게 해주는 js 라이브러리가 있습니다. – thedrs

관련 문제