まず第一に、私は初心者レベルの 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>