2012-05-07 13 views
2
ここ

は、私がこれまでにやっていることです:

// delcare HTML:

<div class="success" id="divStatus" style="display:none;" ><a href="#" class="close">&times;</a></div> 

asp.netコードの背後にある:

ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true); 

// CSSクラス:

.success 
    { 
     display:block; 
     color: #4F8A10; 
     background-color: #DFF2BF; 
    } 

唯一の論理的電子がありますxplanation私はそのことだと思うが、そこにはcssクラス(.success)がありません。#divStatus $ function ....で定義されていますか?

これはやっての正しい方法であれば、私は、任意のヘルプを以下のセレクタにクラスを追加しようとしているが、わからないのです

更新終了?ここ

は私がやってみましたものですが、私はクラスが追加され、ノーアクション(いくつかの色を見ることを期待)

"$(function() { $('#divStatus').addClass('success').html(......... 

が表示されていないここで私はasp.netでやっている完全なコードですコードビハインドで。

ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true); 
+2

'.SHOW()。フェードイン(9000).fadeOut(9000)'それはのようなつもりな作業ではありません可能性があり(つまり、呼び出しを連鎖させても 'fadeOut'が' fadeIn'が終了するのを待たせることはありません)。 – steveax

+0

jsfiddleやjsbinで詳細なコードを追加すると助けてくれる方がいいでしょう。 –

+0

私は自分の質問を更新しました。これはasp.netコードビハインドからやっています。 –

答えて

0

詳細情報を入力する必要があります。 addClassは基本的にあなたのように機能します。ここでは、ボタンのクリックで必要な変更を表示するためのフィドルは次のとおりです。

http://jsfiddle.net/lucuma/6mSXP/

例:$('#status').html('it worked').addClass('success');

+0

私は自分の質問を更新した、私はasp.netコードビハインドからこれをやっていると私はそれがプレーンなHTMLページから動作することを知っている。 –

+0

registerclientscriptblockはポストバックで呼び出されていますか? – lucuma

+0

私はこの 'ScriptManager.RegisterClientScriptBlock ...を持っています'コードは、ユーザーがボタンをクリックしたときに表示されます。div –

1

これは、あなたが

HTML

探しているものかもしれません
<div id="divStatus"></div> 

CSS

#divStatus{ 
    display: none; 
} 

.success{ 
    color: red; 
} 

はJavaScript

$(function() { 
    $('#divStatus') 
     .html('hello') 
     .show('fade', 2000, function(){ 
      $(this).addClass('success'); 
     }) 
     .hide('fade', 2000); 
}); 

これに代わるものは

$(function() { 
    $('#divStatus') 
     .html('hello') 
     .show('highlight', 2000, function(){ 
      $(this).addClass('success'); 
     }); 
}); 
+0

私は自分の質問を更新しました。私はasp.netコードビハインドからこれをやっていますし、プレーンなHTMLページからはうまくいくことを知っています。 –

関連する問題