나는 사용자가 이미지 파일을 업로드 할 수 있도록 PHP 스크립트와 작은 폼을 조합했습니다. 현재이 광고는 부모 HTML 페이지의 버튼에 대한 'onclick'이벤트를 통해 팝업 창으로 활성화됩니다.팝업창 팝업 대체물
나는이 사이트에서 수행 한 연구에서 'Pop Up Windows'가 모든 사람에게 좋아 보이지 않는다는 것을 알고 있으므로 Pop에 대한 대안이 있는지보기 위해 약간의 조언을 구하고 있습니다. 창문. jQuery 모달 대화 상자를 시도하고 여러 제출 단추가 있기 때문에 모든 종류의 문제가 발생했습니다. 모달 대화 상자의 스타일링은 오른쪽 라인.
가볍기 때문에 개인적으로 저는 JQuery UI Modal 대화 상자의 팬이며, 이미 내 앱에서 UI를로드하고 있습니다.
하지만 여기에 더 많은 것이 있습니다 .... 문제는 대화가 아니라 대화 상자에서 파일 업로드를 시도하는 것입니다. 파일을 업로드하는 전통적인 방법은 $ _POST를 사용하는 것입니다. 이것은 폼이 액션을 필요로한다는 것을 제외하고는 잘 동작합니다. 그리고 액션은 기본적으로 페이지로드를 강제합니다. 따라서 실제로는 전통적인 방식으로 업로드하는 경우 모달 대화 상자가 작동하지 않습니다.
아마도 당신이 찾고있는 것은 파일 업로드의 "Ajax"방법입니다. 정말 아약스가 아니에요 ..... 당신이하고있는 일은 재로드없이 쉽게 보이고 업로드 할 수있는 페이지의 "숨겨진"iFrame에 업로드하는 것입니다. Here's a tutorial ... 저기에 백만 명이 있습니다.
또한 업로드하기가 더 쉬운 jQuery 플러그인이 많이 있습니다 .... Uploadify은 그 중 하나 일뿐입니다.
"비동기식"방법을 사용하더라도 여전히 HTML의 제한 사항이 적용됩니다. 업로드 버튼이나 <input type="submit">을 입력하면 양식이 올바르게 제출되지 않아 양식을 제출하게되어 양식이 제어 할 수 없게 실패하는 것처럼 보입니다. 따라서이 문제를 해결하려면 업로드 버튼을 <a>과 같은 다른 비 형식 제출 요소 또는 javascript를 통해 onclick이라고 부르는 이미지가있는 이미지로 설정하십시오. 또는 버튼으로 만들고 event.preventDefault() onclick을 사용하여 기본 HTML 동작을 방지하십시오. 나는 일반적으로 jQuery UI 단추 스타일로 후자를 처리한다.
내 게시물을 읽고 답장하는 시간을 가져 주셔서 진심으로 감사드립니다. 링크와 귀하의지도가 자리하고 있습니다! 다시 한 번 많은 감사와 친절한 인사. – IRHM
라이트 박스를 사용해 보시지 않겠습니까? http://en.wikipedia.org/wiki/Lightbox_(JavaScript)
업 로더 형식의 iframe과 함께 사용할 수있는 다양한 라이트 박스 클론이 있습니다. 여기에 비교를 확인하십시오 : http://planetozh.com/projects/lightbox-clones/
안녕하세요, 내 게시물을보고 많은 감사드립니다. 나는 '라이트 박스'를 보았다. 그리고 그것은 훌륭한 소프트웨어 조각이다. 내가 가진 문제는 메인 페이지의 id를 그 particualr 레코드를 위해 저장된 이미지에 연결해야한다는 것이다. 설명하는 대신 내 페이지로 연결되는 링크를 찾으십시오. http://www.mapmyfinds.co.uk/development/test.php. 사용자가 페이지를 통해 작업 한 것을 볼 수 있듯이 맨 아래에 어떤 이미지를 업로드할지 묻는 메시지가 표시됩니다.PHP를 사용하여 이미지를 폴더에 저장하는 것이 주 레코드와 링크 된 이미지를 연결하는 유일한 방법 이었기 때문에. 친절한 점 – IRHM
나는 이미 해결책을 찾았지만 메인 페이지의 이드에 연결할 수 있다고 생각하니? GET 인수로 iframe을 열면 기본 ID를 iframe의 업로드 양식에 추가 할 수 있습니다. – Tieme
나는 매우 간단하고 덜 자바 스크립트 팝업 창이었습니다. 이것은 당신을 도울 수 있습니다. less javascript popup box
jquery 모달 대화 상자 또는 다른 jquery 솔루션을 사용하기 때문에 "여러 개의 제출 버튼이 있기 때문에 모든 종류의 문제"를 설명하십시오. – Olaf
왜 팝업 창/대화 상자가 있습니까? 어떤 방법 으로든 fancybox 또는 라이트 박스를 사용해보십시오. – Sawny
안녕하세요, 내 게시물에 답장을 보내 주셔서 감사합니다. 일부 회원들의 우수한 수업료를 받고도 메인 양식에 '제출'작업을 수행 할 수 없기 때문에 업로드하는 이미지 제출과 별도로 전체 양식을 제출해야했습니다. 감사합니다 – IRHM