2017-05-02 3 views
1

클릭하여 링크를 열 수있는 알림 상자를 만들 수 없습니다. 이 메시지는 "시스템 양식"이란 단어를 클릭하면 나타나는 경고와 함께 팝업으로 나타나고 경고 메시지에 "시스템 양식"밑줄이 표시된 URL을 만드는 방법 :특정 단어가 클릭되는 링크 인 js 경고 팝업 상자를 표시하는 방법은 무엇입니까?

예 경고 메시지 : "시스템을 완료하십시오. 양식을 첨부하기 전에 서명하고 양식 승인을 받으십시오. "

+0

가능한 복제 [I 자바 스크립트에서 메시지 상자에서 링크를 통합 할 수 있습니까?] (http://stackoverflow.com/questions/966848/can-i-incorporate-a- 링크 - 인 - 메시지 상자에서 - 자바 스크립트) – blex

+0

[자바 스크립트 알림 링크] 가능한 중복 (http://stackoverflow.com/questions/1733410/link-in-javascript-alert) –

답변

1

당신은 시스템 경고 메시지를 수정할 수 없습니다, 그러나 당신이 당신의 자신의 경고를 만들기 위해 jQuery를 사용할 수 있습니다, 그것은 포함 할 수 있습니다 아이콘 및 하이퍼 링크. 아래 발췌 문장을 시도해보십시오, 귀하의 필요에 따라 CSS를 수정하십시오.

$(document).ready(function(){ 
 
        $('#btnTest').click(function(){ 
 
ShowCustomDialog(); 
 
}); 
 
        }); 
 

 

 
\t \t \t function ShowCustomDialog() 
 
\t \t \t { 
 
       
 
\t \t \t ShowDialogBox('Warning','<a href="https://tipstricksandhacking.blogspot.com"> Record</a> updated successfully.','Ok','', 'GoToAssetList',null); 
 
\t \t \t } 
 

 
      function ShowDialogBox(title, content, btn1text, btn2text, functionText, parameterList) { 
 
       var btn1css; 
 
       var btn2css; 
 

 
       if (btn1text == '') { 
 
        btn1css = "hidecss"; 
 
       } else { 
 
        btn1css = "showcss"; 
 
       } 
 

 
       if (btn2text == '') { 
 
        btn2css = "hidecss"; 
 
       } else { 
 
        btn2css = "showcss"; 
 
       } 
 
       $("#lblMessage").html(content); 
 

 
       $("#dialog").dialog({ 
 
        resizable: false, 
 
        title: title, 
 
        modal: true, 
 
        width: '400px', 
 
        height: 'auto', 
 
        bgiframe: false, 
 
        hide: { effect: 'scale', duration: 400 }, 
 

 
        buttons: [ 
 
            { 
 
             text: btn1text, 
 
             "class": btn1css, 
 
             click: function() { 
 
                        
 
              $("#dialog").dialog('close'); 
 

 
             } 
 
            }, 
 
            { 
 
             text: btn2text, 
 
             "class": btn2css, 
 
             click: function() { 
 
              $("#dialog").dialog('close'); 
 
             } 
 
            } 
 
           ] 
 
       }); 
 
      }
.showcss{ display:block;} 
 
    .hidecss{ display:none;}
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
 
<body> 
 
    <input type="button" id ="btnTest" value="Test"/> 
 
     <div id="dialog" title="Alert message" style="display: none"> 
 
      <div class="ui-dialog-content ui-widget-content"> 
 
       <p> 
 
        <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0"></span> 
 
        <label id="lblMessage"> 
 
        </label> 
 
       </p> 
 
      </div> 
 
     </div> 
 
</body>

+0

이것은 내 문제보다 나은 해결책입니다. –

+0

고마워요 @DonnyBridgen :) –

1

자바 스크립트 경고에 하이퍼 링크를 삽입 할 방법이 없습니다. 그것은이 같은 확인 대화 상자 사용하는 것이 더 좋은 생각이 될 것입니다 :

var goToSystemForm = confirm('Please complete System Form and get a signature approval before attaching the form. Would you like to be directed there now?'); 
 

 
if (goToSystemForm){ 
 
    window.location.href = 'https://www.stackoverflow.com'; 
 
} 
 
else{ 
 
    //do something else or nothing? 
 
}

+0

당신이 쓸 수 있습니까? https://jsfiddle.net/에서 해당 페이지로 연결되는 곳은 어디입니까? – user2807977

+0

이것은 단지 예입니다. HTTPS를 통해 연결된 사람을 리디렉션 할 수 없습니다. 따라서이 사이트 나 jsfiddle에서는 작동하지 않습니다. 이 솔루션을 페이지에 통합하거나 다른 솔루션에 통합 할 수 있습니다. –

+0

감사합니다. – user2807977