javascript에서 window.prompt()를 호출 할 때 첫 번째 매개 변수 (메시지)가 너무 크면 상자가 커지지 않습니다. window.alert()에서도 같은 일이 발생하면 상자의 크기가 그에 맞게 조정됩니다. 이 문제를 해결할 수있는 방법이 있습니까? 아니면 내 프롬프트 상자를 만들어야합니까? 그렇다면 적어도 어떻게 완료되었는지 올바른 방향으로 지적 할 수 있습니까?JavaScript 프롬프트 상자가 너무 작습니까?
1
A
답변
1
동작을 변경할 방법이 없습니다. 창을 가져 오는 것은 브라우저에 달려 있습니다.
(alert() 또는 prompt()처럼) 기본 대화 상자를 표시 할 수 없으며 대신 페이지 본문 공간에서 해당 동작을 모방해야합니다. 여기에는 모달 대화 상자의 오버레이와 메시지를위한 절대적으로 배치 된 컨테이너가 포함됩니다.
0
JQuery UI 대화 상자를 사용해 보셨습니까?
http://jqueryui.com/dialog/#modal-form
HTML
<div id="dialog-form" title="Create new user">
<p>Text</p>
<form>
</form>
</div>
JQuery와는 :
$("#dialog-form").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Button": function() {
//On click
},
Cancel: function() {
$(this).dialog("close"); //Close dialog
}
}
});
관련 문제
- 1. 왜 apk의 크기가 너무 작습니까?
- 2. textform 채우기 - 문자열이 너무 작습니까?
- 3. 왜 UIButton 하이라이트 영역이 너무 작습니까?
- 4. 왜 시간 제한 값이 너무 작습니까?
- 5. 크기를 조정하지 않으면 창이 너무 작습니까?
- 6. GWT DockLayoutPanel에서 대화 상자 크기가 너무 작습니까?
- 7. 부트 스트랩 상자 크기가 너무 작습니까?
- 8. 부트 스트랩 입력 텍스트 필드가 너무 작습니까?
- 9. 콤보 상자가 너무 느리게로드됩니다.
- 10. Javascript onClick 프롬프트 상자?
- 11. JavaScript 프롬프트/알림 문제
- 12. Python의 JavaScript 프롬프트
- 13. 경고 및 프롬프트 javascript
- 14. 엠버 프로젝트에서 프롬프트 대화 상자가 표시되지 않습니다.
- 15. 배경이없는 내 프롬프트 대화 상자가 표시됩니까?
- 16. 너무 많은 javascript 파일
- 17. 컬러 상자가 열릴 때 너무 넓음
- 18. onClick 프롬프트 Href Javascript Code
- 19. JavaScript 프롬프트 개체의 이벤트 처리기
- 20. 장소 검색 상자가 너무 많이 확대됩니다.
- 21. JavaScript 대화 상자가 반환됩니다.
- 22. 왜 내 Bootstrap이 최고 navbar가 모바일에서 너무 작습니까?
- 23. 크롬 브라우저에서 JS 팝업 창을 열면 창 크기가 너무 작습니까?
- 24. 시뮬레이션 어닐링으로 진화 알고리즘이 저하되는 문제 : 돌연변이가 너무 작습니까?
- 25. 내 단추의 클릭 영역이 CollapsingToolbarLayout 내부에 너무 작습니까?
- 26. 필드가 압축 될 때 내 색인 디렉토리가 너무 작습니까?
- 27. DIV가 내용보다 왜 작습니까?
- 28. JavaScript 텍스트 상자가 비어 있습니까?
- 29. Javascript 확인 상자가 작동하지 않습니다.
- 30. 색상 상자가 너무 아래로 페이지로드 중
지금 그 상자의 모양/크기/위치를 제어하는 방법이있다. 옵션으로 "텍스트"와 "값"만 있으면됩니다. 네이티브 버전이 충분하지 않으면 자신의 버전을 굴려야합니다. –
나는 이것을 변경할 수 없다고 믿지만, 사용자 정의 div를 만들거나 jQuery UI/Twitter Bootstrap 또는 다른 것들을 사용하여 대화 상자를 만들 수 있습니다. – PiLHA
[Alertify.js] (http://fabien-d.github.io/alertify.js/)에서 살펴보십시오. – Pavlo