설정 폭

가능한 중복 :
How to break line in Javascript 설정 폭

나는 고객의 웹 사이트에 대한 페이지로드에 팝업 메시지를 표시하는 자바 스크립트 아래를 사용하고 있습니다. 나는 js에 진짜 초심자이고 나가 그물에 찾아내는보기를 단지 진짜로 베낄 수 있고 풀칠 할 수있다. 팝업 상자의 폭을 설정하는 방법을 알아야합니다. 나는 텍스트가 페이지의 너비에 걸쳐있는 것이 아니라 두 줄 이상으로 실행되기를 원합니다. 여기에 당신은 내가 당신의 텍스트에서 원하는 위치에 \ n을 개행 문자를 추가하는 것이 좋습니다 두 줄에 텍스트를 포장하려는 경우가 www.manageourwebsite.com.au에게

<body onload="WelcomeMSG()"> 
    <script language="JavaScript"> 

<!-- 
function WelcomeMSG() 
{ 
alert("Our Retail shop front will be closed from Friday 21st December 2012 thru to Monday 21st January 2013. The Online store will be open 24/7 as usual with all online orders being processed as normal.") 

} 

--> 
    </script>

출처

2012-12-18 user1911463

div를 사용하면됩니다. –

수동으로 줄 바꿈'\ n'을 삽입 할 수 있습니다 :'alert ("소매점 앞 \ n ... 닫을 ..."); ' –

경고를 사용해야하는 경우 좋은 접근 방법입니다. 그러나 당신은 그것을 스타일링 할 수도없고 텍스트도 만들 수 없습니다. div는 훨씬 더 애호하고 정확한 기능을 가질 수 있습니다. –

을 표시하는 방법의 예는 다음과 같습니다

alert("Hello\nWorld")

출처

2012-12-18 00:38:02

귀하의 의견에 감사드립니다. 이 \ n 치료를하고 정확히 내가 한 것입니다. 나는 이전에
을 시도했지만 물론 작동하지 않았다. -하지만 내가 말했듯이, 나는 자바 스크립트에 대해 전혀 모른다. – user1911463

내가 CSS의 비트와 함께 할 것이며에서 자바 스크립트

<style type="text/css"> 
    #holiday-overlay{ 
     position:fixed; 
     top:0; left:0; right:0; bottom:0; 
     background: rgba(255,255,255,0.7); 
     z-index:9999; 
    } 
    #holiday-message{ 
     width:400px; 
     padding:30px; 
     background-color: black; 
     left:50%; 
     top:40%; 
     margin-left:-200px; /*half of width*/ 
     border-radius:5px; 
     color:white; 
     position:relative; 
    } 
    #holiday-close{ 
     paddding:5px; 
     position:absolute; 
     right:10px; 
     top:10px; 
     cursor:pointer; 
     font-weight:bold; 
     color:white; 
    } 
</style> 
<div id="holiday-overlay"> 
    <div id="holiday-message"> 
     <a onclick="var el = document.getElementById('holiday-overlay'); el.parentNode.removeChild(el)" id="holiday-close">&times;</a> 
     Our Retail shop front will be closed from Friday 21st December 2012 thru to Monday 21st January 2013.<br/> 
     The Online store will be open 24/7 as usual with all online orders being processed as normal. 
    </div> 
</div>

데모의 선 (당신의 자신의 마음에 드는-스타일을)

출처

2012-12-18 00:58:00

글쎄, 처음에는 alert 상자의 너비를 편집 할 수 없습니다.

이

how to change the style of alert box

당신이 \n 같은 일부 hackish 일을 할 수 있지만, 여전히 당신에게 당신이 할 수있는 사용자 정의를 제공하지 않습니다 : 이것에 대해 비슷한 질문 여기를 참조하십시오. 나는 매우 div 자신의 스타일을 사용하여 수동으로 자바 스크립트를 작성하여 경고처럼 팝업되도록 자신의 alertbox을 제안했다. 아래 @Gaby 일명 G. Petrioli 답변을보십시오. 그는 아주 좋은 본보기를 가지고 있습니다. 당신을 위해하는 API를 사용해 볼 수도 있습니다.

jQuery dialog은 많은 것 중 하나입니다. jQuery가 당신을 위해 새로운 기능을 제공하기 때문에 작동 방식을 이해할 수 있습니다. jQuery가 수행해야 할 작업은 대부분 src 자신의 자바 스크립트 파일입니다. 코드를 작성한 다음 적절하게 호출하십시오. 그들이 제공하는 기능 중 일부를 체크 아웃 할 수 있습니다. here. 특히 나는 그것이 당신이 찾고있는 어떤 것이라고 믿기 때문에 당신을 minWidth 섹션에 링크 시켰습니다.

jQuery를 사용하는 방법에 대해 궁금한 점이 있거나 혼란 스러울 경우 여기에서 의견을 말하십시오. 우리는 Stackoverflow에서 코드 작성을 시도하는 사람들이 부끄러워하지 않고 질문하기를 좋아합니다 (게시하기 전에 좋은 것을 묻고 연구하기 만하면됩니다). 우리는 모두 초보자였습니다. 전문가가되는 방법은 응용과 실험을 통해서입니다.

출처

2012-12-18 01:01:03 aug

답변

관련 문제