HTML 양식의 HTML 페이지 오버레이

Question

이것은 html 페이지를 양식에 오버레이하는 가장 좋은 방법 (또는 최선의 노력을 최소화하려는 노력)에 대한 질문입니다. 이러한 맥락에서 기능적 요구 사항을 충족시키면서 최상의 사용자 경험을 의미합니다.

페이지에 짧은 양식이 있다고 가정 해 보겠습니다. 사용자는 재정적 세부 사항을 입력해야합니다. 사용자가 필드 중 하나에 대해 정확한 값을 입력하는 것을 돕기 위해 훨씬 더 긴 양식이 있습니다. 사용자가 도움말을 요청한 경우에만 긴 양식을 표시해야합니다.

자바 스크립트가없는 사용자의 경우 링크를 클릭하면 짧은 양식 (세션에서 이미 채워진 필드 유지)이 전송되고 서버는 긴 양식으로 응답합니다. 그들은 긴 형식을 제출할 것이며 서버는 제출 된 데이터를 지속 된 데이터와 결합하고 짧은 양식을 다시 제공 할 것입니다.

javascript가있는 사용자의 경우 짧은 양식 페이지 (lightbox 스타일 e)를 긴 양식으로 오버레이하여 긴 양식을 채우고 서버로의 왕복이 적은 짧은 양식으로 돌아갈 수 있습니다. .

해야합니까 :

• 오버레이 대상 긴 형태 인 iframe을 가진 약식 페이지?
• ajax를 통해 긴 형식을 요청하고 div에 채우시겠습니까?
• 클라이언트 측에서 전체 양식을 생성 하시겠습니까?
• 다른 wizadry 나는 생각하지 못했습니까?

가장 좋은 메커니즘에 대한 간단한 설명은 나에게 매우 훌륭하게 해줄 것입니다. 고마워요!

Answer 1

옵션 # 2에 대해 생각하고 있습니다.

사용자가 도움을 요청하면 도움말 양식을 div에 동적으로로드하여 슬라이딩 서랍 효과 등의 라이트 박스로 표현할 수 있습니다.

가능한 경우 클라이언트 측에서 긴 형식의 모든 처리를 수행하고 결과를 사용하여 짧은 형식을 동적으로 업데이트합니다.

Answer 2

나는 이런 종류의 물건에 정말 Colorbox을 사용합니다.

콘텐츠를 인라인 또는 다른 URL (내가하는 일)을 통해 지정할 수 있습니다. 아마도이 두 번째 방법은 웹 페이지를 훨씬 깨끗하게 유지하고 필요할 경우 양식 내용 만 요청하기 때문에 더 유용 할 것입니다. 또한 필요한 경우 AJAX를 통해 해당 양식에 다시 게시 할 수 있음을 의미합니다.

here - "이 웃는 얼굴에 태그하기"를 클릭하십시오. 양식은 원격 URL에서 가져 와서 jQuery를 사용하여 양식 내에 다시 게시됩니다. 그것은 분명히 당신이 원하는 것의 단순한 버전이지만 작동하고보기에는 정말 좋습니다.

자바 스크립트가없는 사용자를위한 적절한 폴백이 필요한 경우 웹 페이지에 양식이 있지만 자바 스크립트를 통해 숨겨진 다음 ColorBox를 사용하여 필요할 때 팝업에 대한 콘텐츠를로드하십시오.