javascript를 사용하여 요청 양식 콘텐츠를 사용자 정의하고 싶습니다. 는Javascript를 사용하여 fb : request-form의 내용을 동적으로 수정하는 방법은 무엇입니까?
<div id="invite">
<fb:serverfbml style="width: 600px; height: 650px;">
<script type="text/fbml">
<fb:request-form
action="index.php"
method="POST"
invite="true"
type="MyApp"
content="Please have a look at my new __DYNAMICNAME_HERE__.
<fb:req-choice url='http://apps.facebook.com/myapp/' label='View Now!' />" >
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" style="width: 600px;" />
</div>
<fb:request-form-submit /></fb:request-form>
</script>
</fb:serverfbml></div>
나는 동적으로 자바 스크립트를 통해 다른 것으로 _DYNAMICNAME_HERE_을 변경하고 싶습니다 ... 난 내 HTML이이 말.
여기 제가 시도한 것들이 있습니다.
function technique1()
{
var elem = document.getElementById("invite");
elem.innerHtml = elem.innerHTML.replace("__DYNAMICNAME_HERE__", "MyName");
// show div code...
// result is, the current page get's re-rendered inside the div, instead of the FB controls.
}
function technique2()
{
// Delete all code inside the div... then construct the content using javascript.
var elem = document.getElementById("invite");
elem.innerHtml = text;// text is the div innerHtml code constructed at runtime.
// run show div code
// result is nothing shows.
}
function technique3()
{
// First, we remove all code from the div
// put them into another php page called invite.php
var elem = document.getElementById("invite");
elem.innerHtml = "<iFrame src=\"www.myserver.com/invite.php?name=myname\"></iFrame>";
// run show div code
// It works but requires 1 more request to the server.
}
누군가가 서버 (invite.php)에 대한 추가 요청을 포함하지 않는 기술을 알고 있습니까? 아마도 FB.XFBML.Host.addElement, 새로 고침 등이 포함될 수 있습니다 ...
Btw, 저는 Google의 Closure를 사용하여 div를 팝업 처리합니다.
감사합니다.