-4

成功とエラーの画像があります。jQuery からの成功メッセージを表示する必要があります。

ここに画像の説明を入力

ラベル コントロールでこのように表示する必要があります。「success」という名前の css クラスを作成しました。jQuery からこのクラスを呼び出すことができれば、この画像を表示できます。可能ですか、誰か助けてください。

のようなアラートを使用すると、アラート ボックスを取得できますが、ラベル コントロールで、この成功イメージとテキスト"alert("Changes saved successfully.");"を表示する必要があります。"Changes saved successfully."

私はのように試しlblMessageBox.html("addClass","success" + "Changes saved successfully.")ましたが、うまくいきません

4

1 に答える 1

2

@Shanish、あなたは明らかに苦労しているので、ここから始めましょう。

message次のようなコンテナがあるとします。

<div id="message">
    <img src="" /><span></span>
</div>

コンテナは div である必要はありません。ap、span、td、または th のいずれでもかまいません。

スタイル シートの一部の css ディレクティブは、背景色、フォント サイズ、パディング、マージンなどを提供します。

ここで、画像/メッセージを設定するには、次のようにします。

function setMessage(imgSrc, text, duration) {
    imgSrc = String(imgSrc) || '';
    text = String(text) || '';
    duration = Number(duration) || 0;
    var $message = $("#message");
    var fn = (imgSrc === '') ? 'hide' : 'show';
    $message.fadeIn('fast').find("span").text(text).end().find('img').attr('src', imgSrc)[fn]();
    if(duration && !isNaN(duration)) {
        setTimeout( function(){$("#message").fadeOut('fast')}, duration );
    }
}

そして、次のように関数を呼び出します:

setMessage('green_tick.png', 'Changes saved successfully', 3000);

DEMOを参照してください- 必要に応じて調整して、必要なものを正確に取得してください。

于 2012-05-14T11:22:55.383 に答える