1

まず第一に、私は初心者レベルの UI 開発者です。

コードのいくつかの場所で有効にしたいフォームがあります [これを js ファイル経由で提供できれば、誰でも数行のコードで使用できるようになります]。

サイドフォームには、単一のテキストエリア、送信ボタン、キャンセルボタンがあります。ユーザーが送信をクリックすると、API 経由でコンテンツを Yammer ウォールに送信したいと考えています。

このコードを、コード内の複数のオブジェクトでいくつかのパラメーターを使用して使用したい

つまり、 someFunctionName(widgetName, widgetData) は画像を表示し、ユーザーが画像をクリックするとテキストエリアが表示され、ユーザーがメッセージを送信できるようになります[メッセージは関数で2つの文字列パラメーターを使用します]またはキャンセルするとフォームが非表示になります。

どうすればこれを達成できますか。API に送信する代わりに、アラート メッセージを送信するだけの単純なコードが最適です [メッセージは、widgetName + widgetData + 関連する textarea の値]

これまでに書いたコードを共有しますが、それが私が望むものに近いものではないことはわかっています。

前もって感謝します

       <html>
   <head>
       <title>A Yammer App</title>
       <script src="https://assets.yammer.com/platform/yam.js"></script>
    <script>
      yam.config({appId: "app-id-for-yammer"});
    </script>

<style type="text/css">

.yammertext {
  margin: 2px; width: 328px; height: 32px;
}


.show_hide {
    display:none;
}
</style>

</head>
<body>
    <script>
    function post() {
        yam.getLoginStatus( function(response) {
            if (response.authResponse) {
                yam.request(
                  { url: "https://www.yammer.com/api/v1/messages.json"
                  , method: "POST"
                  , data: { "body" : "Test yammer API - ED"}
                  , success: function (msg) { alert("Post was Successful!: " + msg); }
                  , error: function (msg) { alert("Post was Unsuccessful..." + msg); }
                  }
                );
            } else {
                yam.login( function (response) {
                  if (!response.authResponse) {
                    yam.request(
                      { url: "https://www.yammer.com/api/v1/messages.json"
                      , method: "POST"
                      , data: { "body" : "Test yammer API - ED"}
                      , success: function (msg) { alert("Post was Successful!: " + msg); }
                      , error: function (msg) { alert("Post was Unsuccessful..." + msg); }
                      }
                    );
                  }
                });
            }
        });
    }
    </script>


 <script type="text/javascript">

 function post2(a) {
      alert(a);
    }

</script>



<script type="text/javascript">
$(function() 
{

$("#content").focus(function()
{
$(this).animate({"height": "85px",}, "fast" );
$("#button_block").slideDown("fast");
return false;
});

$("#cancel").click(function()
{
$("#content").animate({"height": "30px",}, "fast" );
$("#button_block").slideUp("fast");
return false;
});

});
</script>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

</script>


<a href="#" class="show_hide">Yammer</a>
<div class="slidingDiv">
  <form method="post" action="">
    <textarea  id="content" class="yammertext"></textarea>
    <div id="button_block">
      <input type="submit" id="button" value=" Share " onclick="post2(this)"/>
      <input type="submit" id='cancel' value=" cancel" />
    </div>
  </form>
</div>


</body>
</html>
4

1 に答える 1