2013-08-20 2 views
1

javascript에서 window.prompt()를 호출 할 때 첫 번째 매개 변수 (메시지)가 너무 크면 상자가 커지지 않습니다. window.alert()에서도 같은 일이 발생하면 상자의 크기가 그에 맞게 조정됩니다. 이 문제를 해결할 수있는 방법이 있습니까? 아니면 내 프롬프트 상자를 만들어야합니까? 그렇다면 적어도 어떻게 완료되었는지 올바른 방향으로 지적 할 수 있습니까?JavaScript 프롬프트 상자가 너무 작습니까?

+0

지금 그 상자의 모양/크기/위치를 제어하는 ​​방법이있다. 옵션으로 "텍스트"와 "값"만 있으면됩니다. 네이티브 버전이 충분하지 않으면 자신의 버전을 굴려야합니다. –

+0

나는 이것을 변경할 수 없다고 믿지만, 사용자 정의 div를 만들거나 jQuery UI/Twitter Bootstrap 또는 다른 것들을 사용하여 대화 상자를 만들 수 있습니다. – PiLHA

+1

[Alertify.js] (http://fabien-d.github.io/alertify.js/)에서 살펴보십시오. – Pavlo

답변

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 
    } 
    } 
}); 
관련 문제