즉석에서 JavaScript 양식, HTML 양식 없음

스캔 용지 양식을 취할 웹 응용 프로그램을 작성하려고하는데 그 위에 jQuery와 같은 텍스트 상자를 추가 할 수 있습니다. 나중에 사용할 수 있습니다. 양식을 작성하여 PDF로 인쇄하거나 이메일로 보내주십시오.즉석에서 JavaScript 양식, HTML 양식 없음

내 질문에 자바 스크립트에 대한 텍스트 상자를 끌어다 놓을 수있는 기존 라이브러리가 있습니까? (텍스트 필드가 필요하지 않음) 해당 위치를 기억할 것입니까?

양식에 많은 필드가 있고 양식이 다른 양식으로 많이 바뀌므로 양식을 일반 HTML 양식으로 변환하지 않습니다. 백엔드에서는 LAMP에서 Drupal을 사용할 계획이므로 jQuery는 이미 포함되어 있습니다.

감사합니다.

참고 :이 질문이 까다로운 이유를 아직 이해할 수 없지만 비슷한 질문이있는 경우 참조할만한 해결책이 jquery annotate image pluging을 사용하는 것이 었습니다. 이 플러그인을 사용하여 이미지의 아무 곳이나 클릭하고 텍스트를 추가 할 수있었습니다. 나는 또한 마우스를 기다리지 않고 anotatations를 보여줄 수 있도록 약간의 변경을해야합니다.

출처

2011-10-05 Emil Orol

나는 그들이 양식을 자바 스크립트를 통해 absoulte 위치에 배치해야한다고 생각합니다. 자바 애플릿을 사용하면 훨씬 쉽게 될 것 같습니다. – awiebe

때로는 다른 사람들에게 이해가되지 않는 것들을 아주 분명히 이해할 수있는 것처럼 느껴지기도합니다. –

@LarryLustig, 동의합니다. 그 질문은 나에게 의미가 있었다. –

예, JQuery drag and drop, YUI drag and drop 또는 다른 라이브러리를 사용하여 양식 필드를 포함하여 dom 요소를 드래그 할 수 있습니다.

그러나 작동하는 응용 프로그램을 만들려면 여전히 많은 양의 소프트웨어를 작성해야합니다.

기술 수준에 따라 업무량이 많아 지거나 프로그래머를 고용해야합니다 ... 행운을 빈다.

Re : 필드 위치 기억. "끌기 종료 됨"이벤트가 발생하면 라이브러리를 쿼리하여 드래그 된 필드의 현재 위치를 찾을 수 있습니다. 이 시점에서 Ajax를 사용하여 서버의 데이터베이스에 필드의 새 위치를 저장/업데이트 할 수 있습니다.

FormAssembly, Mufoo 및 기타 양식 패키지를 확인하여 양식에 자신 만의 배경 (스캔 한 이미지)을 사용할 수 있는지 확인할 수도 있습니다.

출처

2011-10-05 20:35:29

쿠키 내에서 위치를 기억할 수 있으며 양식을 직렬화 한 다음 Ajax 요청별로 저장할 수 있습니다. – hakre

@hakre, 동의 함. 또한 "저장"버튼을 사용하거나 비동기 적으로 HTML 5 로컬 스토리지를 사용하여 저장할 수 있습니다. 다양한 옵션. –

MySQL의 serialize 배열에 필드 위치를 저장하고 준비 할 때 채울 수있는 양식을 다시 작성할 계획입니다. 나는 로컬 스토리지에 대해 생각하지 않았지만 다른 좋은 대안이기도합니다. –

올바르게 이해한다면 브라우저에서 작동하는 이미지의 오버레이로 텍스트 상자를 배치하는 것과 같은 디자이너와 같은 기능이 필요합니다. 애플리케이션은 궁극적 인 폼 필러가 아닌 디자이너입니다.

이동을 완료하려면 jQuery draggable을 확인하십시오. 직접 레이아웃을 유지해야하지만 어렵지 않아야합니다. Save 버튼을 사용하거나 드래그 가능으로 정의 된 Stop() 이벤트를 실제로 사용할 수 있으며 변경 사항이 발생하면 변경 사항을 유지합니다.

출처

2011-10-05 20:38:22

응용 프로그램은 모두 폼 디자이너 및 폼 필러. –

즉석에서 JavaScript 양식, HTML 양식 없음

답변

관련 문제