ändern Warnmeldung Textfarbe mit Javascript

Verwenden Sie das folgende Skript, um die Farbe des Skripts zu ändern, aber zeigt 'font color = "red"> Hallo Welt/font> wie this.Ist eine beliebige Möglichkeit, die Farbe des Alarmtextes zu ändern ..ändern Warnmeldung Textfarbe mit Javascript

<html> 
<head> 
<title>JavaScript String fontcolor() Method</title> 
</head> 
<body> 
<script type="text/javascript"> 

var str = new String("Hello world"); 

alert(str.fontcolor("red")); 

</script> 
</body> 
</html>

Quelle

2012-11-19 user1804985

Nein, es ist nicht möglich, aber man kann Verwenden Sie eine benutzerdefinierte Warnmeldung, bestehend aus div –

versuchen modale Nachricht von Jquery UI, http://jqueryui.com/dialog/#modal –

Nein. Alert() akzeptiert eine Zeichenfolge und rendert sie mit einem nativen Widget. Es ist nicht vorgesehen, es zu stylen.

Quelle

2012-11-26 17:06:46 Bharathi

Nr alert() akzeptiert eine Zeichenfolge und macht es eine native Widget verwenden. Es ist nicht vorgesehen, es zu stylen.

Die nächste Möglichkeit wäre, das HTML-Dokument über das DOM zu ändern, um die Nachricht anzuzeigen, anstatt eine alert() zu verwenden.

Quelle

2012-11-19 10:27:23 Quentin

Sie können JQuery verwenden, um Ihr Problem

<html> 
<head> 
<meta charset="utf-8" /> 
<title>JavaScript String fontcolor() Method</title> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-     ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
$(function() { 
$("#dialog-message").dialog({ 
    modal: true, 
    buttons: { 
    Ok: function() { 
    $(this).dialog("close"); 
    } 
}}); 
}); 
</script> 
</head> 

<body> 
<div id="dialog-message" title="My Dialog Alternative"> 
<p style='color:red'> Hello world </p> 
</div> 
</body> 
</html>

Quelle

2013-06-20 14:47:52 BlueDesire

Hoffnung, diese Hilfe zu beheben:

<!doctype html> 
<html> 
<head> 
<title>JavaScript String fontcolor() Method</title> 
<style> 
#alertoverlay{display: none; 
    opacity: .8; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    background: #FFF; 
    width: 100%;} 

#alertbox{display: none; 
    position: fixed; 
    background: #000; 
    border:7px dotted #12f200; 
    border-radius:10px; 
    font-size:20px;} 

#alertbox > div > #alertboxhead{background:#222; padding:10px;color:#FFF;} 
#alertbox > div > #alertboxbody{ background:#111; padding:40px;color:red; } 
#alertbox > div > #alertboxfoot{ background: #111; padding:10px; text-align:right; } 
</style><!-- remove padding for normal text alert --> 

<script> 
function CustomAlert(){ 
    this.on = function(alert){ 
     var winW = window.innerWidth; 
     var winH = window.innerHeight; 

     alertoverlay.style.display = "block"; 
     alertoverlay.style.height = window.innerHeight+"px"; 
     alertbox.style.left = (window.innerWidth/3.5)+"pt"; 
     alertbox.style.right = (window.innerWidth/3.5)+"pt"; // remove this if you don't want to have your alertbox to have a standard size but after you remove modify this line : alertbox.style.left=(window.inner.Width/4); 
    alertbox.style.top = (window.innerHeight/10)+"pt"; 
     alertbox.style.display = "block"; 
     document.getElementById('alertboxhead').innerHTML = "JavaScript String fontcolor() Method :"; 
     document.getElementById('alertboxbody').innerHTML = alert; 
     document.getElementById('alertboxfoot').innerHTML = '<button onclick="Alert.off()">OK</button>'; 
    } 
    this.off = function(){ 
     document.getElementById('alertbox').style.display = "none"; 
     document.getElementById('alertoverlay').style.display = "none"; 
    } 
} 
var Alert = new CustomAlert(); 
</script> 
</head> 
<body bgcolor="black"> 
<div id="alertoverlay"></div> 
<div id="alertbox"> 
    <div> 
    <div id="alertboxhead"></div> 
    <div id="alertboxbody"></div> 
    <div id="alertboxfoot"></div> 
    </div> 
</div> 
<script>Alert.on("Hello World!");</script> 
</body> 
</html>

Das Konzept wird von dieser genommen: http://www.developphp.com/video/JavaScript/Custom-Alert-Box-Programming-Tutorial

Quelle

2017-06-23 12:17:44 XMMR12

** Stop ** mit bezahlten URL kurz Eners - diese werden als Spam angesehen. – Glorfindel

** Okay **, aber warum ist die Wahl abgelehnt? – XMMR12

Das ist automatisch, wenn Sie ein Spam-Flag (Ich habe meine nach der Bearbeitung zurückgezogen). – Glorfindel

ändern Warnmeldung Textfarbe mit Javascript

Antwort

Verwandte Themen