Mam przycisk Twitter na mojej stronie, po kliknięciu zabierze Cię na stronę Twittera, w której masz obszar tekstowy, aby wprowadzić wiadomość. Chcę, aby użytkownicy po kliknięciu przycisku "Twitter", aby zabrać je na Twittera i tekst z

Tag na stronie zostaje automatycznie wkładany do tekstu. To jest mój przycisk

<div id="twitter-btn" class="center">
    <a class="btn btn-info btn-social btn-twitter " href="https://twitter.com/intent/tweet?text=" target="_blank">
    <i class="fa fa-twitter"> Twitter</i>
  </a> 
      </di>

Teraz Twitter zapewnia swój własny przycisk i dokumentację, jak go używać.

<a class="twitter-share-button"
  href="https://twitter.com/intent/tweet?text=Hello%20world">
Tweet</a>

Zauważ, jak ciąg jest dołączony do końca adresu URL ... Oto przyciski Twitter Docs https://dev.twitter.com/web/tweet-button Mam div z identyfikatorem "treści" i insed

Ustęp. Jak chwycić tekst formularz akapit i dołącz do adresu URL Twittera. Oto projekt na Codepne.io https://codepen.io/zentech/pen/zyyggq?editors=10009/a >.

0
miatech 24 czerwiec 2017, 05:26

4 odpowiedzi

Najlepsza odpowiedź

Przede wszystkim nie powinieneś ukryć przycisku, który potrzebujesz pomocy. : |.

Sprawdź to Codepen

Kod:

$('.btn-twitter').on( 'click', function( evt ){
    evt.preventDefault();
    var tweetURL = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent( $('p.sub_text').text() );
    window.open(tweetURL, '_blank');
} )

Aby to osiągnąć w czasie wykonywania (Onclick) nie ma tylko innej opcji, ale aby zapobiec domyślnym działaniu hiperłączem, a następnie zrób to sposób JS.

1
Junaid 24 czerwiec 2017, 02:49

Mam nadzieję, że to zadziała dla ciebie. Użyłem jquery, ponieważ jestem najbardziej znany. Przetestowałem to w mojej przeglądarce i działa dla mnie.

        <div id="twitter-btn" class="center">
        <button class="btn btn-info btn-social btn-twitter" target="_blank">
           <i class="fa fa-twitter"> Twitter</i>
        </button> 
    </div>

    <div id="content">bvnvcbnvbnnb</div>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script>
        $('.btn-twitter').on('click', function(){
            var content = $('#content').text();
            window.location.href = "https://twitter.com/intent/tweet?text="+encodeURIComponent(content);
        });
    </script>
0
bradly strachan 24 czerwiec 2017, 02:56

Zamiast tego utwórz link w swoim javascript.

<p id="quote">This is a quote</p>
<button id="tweet" type="button">Tweet</button>

Javascript
.

$( "#tweet" ).click(function() {
  // make the text url friendly
  var text = encodeURI($( "#quote" ).text());
  window.location.replace("https://twitter.com/intent/tweet?text=" + text)
});
0
hdifen 24 czerwiec 2017, 02:49

Sposób, w jaki to działa, łączy użytkownika do specjalnego adresu URL ({x0}}) ze specjalnym argumentem Get ({X1}}), który zawiera tekst do wstępnego wypełnienia tweetu.

Ponieważ twoja zawartość jest dynamiczna, musisz użyć JavaScript, aby to osiągnąć. Używasz już jQuery, aby uzyskać tekst cytatu i do mieszania w przycisku Twitter, więc powinieneś dodać to do swojego $('#getMessage').on("click", function() { gdzieś wokół $("#twitter-btn").show();

var text = encodeURIComponent($('#content').text());
$('#twitter-btn a').attr('href', 'https://twitter.com/intent/tweet?text=' + text);

Zauważ, że musisz użyć encodeURIComponent, aby uzyskać specjalne znaki takie jak ?, , &, /, ..., aby działać poprawnie.

1
evilham 24 czerwiec 2017, 02:47