JavaScript « js — как заменить alert выводом в див?

кусок кода:

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

alert(element.getAttribute("check_message"));
 


Как сделать чтобы выводилось в блок, к примеру - /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }

<div id="error"></div>
 
?
0
alert javascript

1 ответов

document.getElementById("error").innerHTML = "check_message";

2

А я написал небольшой класс, для работы с уведомлениями:


var MessageBox = {
    message: function (message, messageClass, delaySec) {
        if (!message)
            return;

        delaySec = delaySec || 2000;
        messageClass = messageClass || 'normal';

        var elem = $('<div></div>', {
            'class': 'messageBox ' + messageClass,
            'style': 'display: none',
            'html': message
        });

        $('body').append(elem);
        elem.delay(200).fadeIn(500).delay(delaySec).fadeOut(500, function () {
            elem.remove();
        });
    }
}
 

И пару css классов:

/* MessageBox */
.messageBox {
    -moz-box-shadow: 3px 3px 3px gray;
    -webkit-box-shadow: 3px 3px 3px gray;
    box-shadow: 3px 3px 3px gray;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: #eeeeee; /* old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */

    opacity: 0.92;

    position: fixed;
    left: 30px;
    top: 30px;

    border: 1px solid #ccc;
    width: 350px;
    padding: 15px;

    text-align: center;
    font-weight: bold;

    font-family: Arial;
    color: gray;
}
.error {
    color: red;
}
.success {
    color: green;
}
.notice {
    color: #DD5502;
}
.normal {
    color: gray;
}
 

Использовать вот так:


MessageBox.message('Сообщение', 'error');
 

И да, использует jQuery.
3