2017-12-28 106 views
0

質問が更新されました。ASP.NET JavaScript関数呼び出しのコードビハインド

参考:HTMLリンクをクリックしたが、それは通知ので、関連の.jsや.cssのが働いていることを示す「正規追加」とき http://www.startuppirates.org/blog/gritter/

後は、正常に動作しています。

HTMLリンク

<a href="#" id="add-regular">Add regular notification</a> 

はJavaScript

<script type="text/javascript"> 

    $('#add-regular').click(function() { 

     var unique_id = $.gritter.add({ 
      // (string | mandatory) the heading of the notification 
      title: 'This is a regular notice!', 
      // (string | mandatory) the text inside the notification 
      text: 'This will fade out after a certain amount of time.', 
      // (string | optional) the image to display on the left 
      image: '/content/gritter/images/success.png', 
      // (bool | optional) if you want it to fade out on its own or just sit there 
      sticky: false, 
      // (int | optional) the time you want it to be alive for before fading out 
      time: '', 
      class_name: 'gritter-info' 
     }); 
     return false; 
    }); 

</script> 

私は、パラメータを持つ関数にJSの上に変更している、と私は、ASP(コードビハインドからの通知を表示するには、それを呼び出すようにしようとしています.net/web-forms)でも動作しません!

分離コード

Page.ClientScript.RegisterStartupScript(Me.GetType(), "return", "stickyalert('Property Upload', 'property data uploaded successfully', 0, 'success');", True) 

はJavaScript

<script type="text/javascript"> 
    function stickyalert(title, text, sticky, success) { 
     var unique_id = $.gritter.add({ 
      // (string | mandatory) the heading of the notification 
      title: title, 
      // (string | mandatory) the text inside the notification 
      text: text, 
      // (string | optional) the image to display on the left 
      image: '/content/gritter/images/success.png', 
      // (bool | optional) if you want it to fade out on its own or just sit there 
      sticky: sticky, 
      // (int | optional) the time you want it to be alive for before fading out 
      time: '5000', 
      // (string | optional) the class name you want to apply to that specific message 
      class_name: 'gritter-info' 
     }); 
     return false; 
    } 
</script> 
+0

これはASP.NETページですか?その場合は、WebフォームまたはMVCを使用していますか? –

+0

Webフォーム、ありがとう –

+0

Webアプリケーションの仕組みを理解する上で、変更を加える必要があります。サーバー側のコードが実行されると、ユーザーのブラウザから数十万キロメートル離れており、上記の関数が定義され実行されます。すべてのサーバーサイドのコードは、ブラウザ(ページ全体またはページの一部)に応答を送信し、ブラウザでjavascriptが実行されるようにすることができます。 – Igor

答えて

0

あなたの最善の策は、それ自身の関数内で、あなたの機能を置くことです。次に、clickイベントからこの関数を呼び出すことに加えて、jQuery APIを使用してロードするときに関数を呼び出すように、ページ内のスクリプトをレンダリングします。

<script type="text/javascript"> 

    function myFunc() { 
     $.gritter.add({ 
      // (string | mandatory) the heading of the notification 
      title: 'This is a regular notice!', 
      // (string | mandatory) the text inside the notification 
      text: 'This will fade out after a certain amount of time.', 
      // (string | optional) the image to display on the left 
      image: '/content/gritter/images/success.png', 
      // (bool | optional) if you want it to fade out on its own or just sit there 
      sticky: false, 
      // (int | optional) the time you want it to be alive for before fading out 
      time: '', 
      class_name: 'gritter-info' 
     }); 
    } 

    //Call it when the page loads 
    $(document).ready(function() { 
     myFunc(); 
    }); 

    //Call it on the click event 
    $('#add-regular').click(function() { 
     myFunc(); 
     return false; 
    }); 
</script> 
+0

フォーム提出後にコードビハインドから呼び出す必要があります:) –

+0

フォーム提出後?できません。あなたの質問を更新してください。 –

+0

@ GeoConcepts、あなたはそれを質問に入れる必要があります。 –

関連する問題