Wie Flash-Nachricht in HTML für Nodejs anzuzeigen?

Question

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

In Jade verwenden wir die oben eine bedingte error Nachricht anzuzeigen Wie tun wir dies in html?

Answer 1

Diese Frage ist ein wenig vage, aber ich werde ihm einen Schuss geben:

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 (w/jQuery)

$(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}); 
    } 
} 

Haftungsausschluss: Ich bin definitiv nicht der beste Programmierer da draußen, und ich habe sicherlich irgendwo einen schlechten Code. Ich hoffe, das funktioniert für dich!

Auch jQuery zu implementieren, fügen Sie diese in Ihre head tag:

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