트위터 버튼의 매개 변수를 다시 만들거나 변경하십시오.

Question

트위터 버튼이있는 페이지가 있습니다. 그 트위터 버튼 전에 입력 필드와 양식을 사용하여 해당 페이지의 관련 해시 태그를 쉽게 추가 할 수 있습니다. input 필드의 텍스트를 twitter로 가져 오는 것입니다. 트위터 대화 상자의 입력란에 있습니다.

그래서 나는 트위터 문서에서 가져온 버튼을 보여주기 위해 다음과 같은 코드를 가지고 :

<a href="https://twitter.com/share" 
    class="twitter-share-button" data-lang="en" 
data-size="large" 
    data-count="none" 
data-text="BLA" 
id="tweetbutton">Tweet</a> 

    <script>!function(d,s,id){ 
     var js,fjs=d.getElementsByTagName(s)[0]; 
     if(!d.getElementById(id)){ 
       js=d.createElement(s); 
       js.id=id; 
       js.src="https://platform.twitter.com/widgets.js";        
       fjs.parentNode.insertBefore(js,fjs); 
      } 
    } 
    (document,"script","twitter-wjs"); 
    </script> 

가 (난 그냥 테스트로, 텍스트로 "BLA"을 입력)를

그래서 때 값을 "twttr.widgets.load();"문서에서

<script language="javascript" type="text/javascript"> 
    function appendTag(tag) {  
    var newValue = $('#bericht').val() + tag;   
    $('#tweetbutton').attr('data-text', newValue); 

    twttr.widgets.load();     
} 
</script> 

나는 것을 읽어 내 inputfield 변화의 I는 다음과 같이 버튼을 다시 만들어야합니다. 하지만 그렇게하지는 않습니다. 나는 또한 "(document,"script ","twitter-wjs ") 줄을 추가하려고 시도했다." 내 기능 밑에서는 행동을 변화시키지 않았다.

올바른 방향으로 어떤 점이 있습니까? 어쩌면 이동 중에도 버튼의 텍스트 속성을 변경하는 더 좋은 방법이 있을까요?

업데이트 : ted.com에서 addthis API를 사용하여 시뮬레이션을 수행했습니다. 그러나 나는 api로 그것을하고 싶다. 따라서 내가하고 싶은 것을 시각화해야한다면 http://www.ted.com/talks/dan_phillips_creative_houses_from_reclaimed_stuff.html을 확인하십시오. 그들은 어떻게 든 짹짹 버튼에 연결된 입력 필드를 가지고 있습니다.

Answer 1

당신은 모든 필수 속성과 API 버튼 대신 사용자 정의 버튼을 사용하여 온 클릭 이벤트 URL을 넣을 수 있습니다 :이 트위터 메시지 팝업처럼 행동합니다

window.open('https://twitter.com/share?url=<url>&text=<text>', 'sharer', 'toolbar=0,status=0,width=620,height=280'); 

합니다.