htmlでnodejsのフラッシュメッセージを表示するにはどうすればいいですか？私たちは<code>html</code>でこれを行うにはどうすればよいの条件<code>error</code>メッセージ を表示するには、上記を使用し<code>Jade</code>で

Question

#message 
if message 
    h1.text-center.error-message #{message} 

？

Answer 1

この質問は少しあいまいですが、私はそれに打撃を与えるだろう：

HTML

<div class="alert-container"> 
    <center>Alert!</center><br /><hr /><br /> 
    <div class="error"> 

    </div> 
</div> 

CSS

div .alert-container { 
    background-color: #FFFFFF; 
    color: #040404; 
    font-family: Verdana; 
    font-size: 2em; 
    border-color: #000000; 
    border-radius: 25px; 
    text-align: center; 
} 
div .alert-container .hr { 
    color: #040404; 
} 
div .alert-container center { 
    font-size: 3.5em; 
} 

をするJavaScript（jQueryの/ w）の

$(document).ready(function(){ $('.alert-container').css({visibility: hidden})}); 
// called on error 
function error(text, set){ 
    if (set){ 
      $('.error').html(text + '<br /><button onclick="set(\'\', false);">OK</button>'); 
      $('body').animate({opacity: '25%'}, 'fast'); 
      $('.alert-container').css({visibility: visible}); 
    } else { 
      $('body').animate({opacity: '100%'}, 'fast'); 
      $('.alert-container').css({visibility: hidden}); 
    } 
} 

免責事項：私は午前間違いなく、は最高のプログラマーではありません。確かにどこかに悪いコードがあります。私はこれがあなたのために働くことを望む！

また、あなたのheadタグにこれを追加し、jQueryのを実装するために：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.3.js" />