1

首先，我是一名初级 UI 开发人员。

我有一个表单，我想在我的代码中的多个位置启用它[如果我可以通过 js 文件提供它，这样任何人都可以用几行代码来使用它，那就太好了]。

在侧面表单中，我有一个文本区域、提交按钮和取消按钮。当用户单击提交时，我想通过 API 将内容发送到 Yammer 墙。

我想在我的代码中的多个对象中使用此代码并带有一些参数

即 someFunctionName(widgetName, widgetData) 将显示一个图像，当用户单击图像时，它将显示一个文本区域，以便用户可以提交消息 [消息将在函数中使用两个字符串参数] 或取消将隐藏表单。

我怎样才能做到这一点。简单的代码会很棒，而不是发送到 API，您只需提醒消息 [消息是 widgetName + widgetData + 相关文本区域中的值]

我分享了我到目前为止编写的代码，但我知道它甚至不接近我想要的。

提前致谢

       <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

0

如果您使用服务器端脚本语言。您可以使用您的表单创建一个 html 文件，然后将其包含在您想要的位置。这意味着您只需要一行代码即可放置表单。

EG 在 PHP 这将是

<?php include 'filename'; ?>

或者，如果您愿意，可以使用 jQuery .load() 函数加载您的 HTML 文件

$("#DivNAme").load("Filename.html");
于 2013-05-16T08:42:32.867 回答