Tweet button click-event afvangen

[Sanity11]

MOD: Sorry, ik had deze in "Webdesign, Markup & Clientside Scripting" moeten plaatsen

Hallo,

Ik probeer met javascript vast te stellen of er op een tweet button is geklikt om vervolgens een Ajax call uit te kunnen voeren. Facebook is hier op ingericht en stelt me in staat om zelfs te wachten tot de like procedure helemaal voltooid is. Dit heb ik als volgt aangepakt:

JavaScript:

// -------------------------
    //  Fired when liking procedure is completed
    // -------------------------
    FB.Event.subscribe('edge.create', function(response) {
        console.log(response);
        var explode = response.split("/");
        var liked_what = explode[explode.length - 1];
        $.ajax({
          url: "http://localhost/testing/ajax/add_populairity/" + liked_what,
          context: document.body,
          success: function(){
            var text_populairity = $('.populairiteit_' + liked_what);
            var new_val = parseInt(text_populairity.text()) + 1;
            text_populairity.text(new_val);
          }
        }); 
    });

Dit luistert naar het event edge.create wat wordt gestuurd na de like procedure voltooid is. Ik denk dat dit met de Twitter api niet kan omdat ik die heb doorgespit en er niets over te vinden is. Google levert ook niets op. Nu probeer ik gewoon een klik op de twitter like button te registreren, maar dat lukt ook niet omdat het een iframe is afkomstig van een externe bron.

De button is als volgt geplaatst (wordt door de twitter code omgezet in een iframe):

HTML:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
   <a href="http://twitter.com/share" class="twitter-share-button"
      data-url="http://dev.twitter.com/pages/tweet_button"
      data-via="your_screen_name"
      data-text="Checking out this page about Tweet Buttons"
      data-related="anywhere:The Javascript API"
      data-count="vertical">Tweet</a>
</div>

Weet iemand misschien een slimme truuk om de klik op de button vast te kunnen stelen m.b.v JavaScript?(jQuery)

[ Voor 3% gewijzigd door Sanity11 op 23-05-2011 22:17 . Reden: verkeerd geplaatst ]

[NMe]

Je kán natuurlijk ook gewoon zelf de tweet afhandelen, moet je wel OAuth-authenticatie inbouwen in je site. Op zich niet zo tricky maar het kost wat tijd.

PRG>>WEB

[Verwijderd]

Misschien denk ik wel te simpel, maar kun je niet gewoon de klik registreren zoals normaal?

JavaScript:

$(function() {
   if($('.twitter-share-button').length > 0) {
      $('.twitter-share-button').bind('click', function() {
         // doe wat je wilt doen
      });
   }
});

Uiteraard wel onderaan de DOM zetten

[NMe]

Hoe precies wou je dat binden aan een click op een button in een iframe dan?

edit:
Zie vv hieronder voor de volledige uitleg van deze retorische vraag.

[ Voor 35% gewijzigd door NMe op 24-05-2011 02:14 ]

[RobIII]

NMe schreef op dinsdag 24 mei 2011 @ 01:18:
Hoe precies wou je dat binden aan een click op een button in een iframe dan?

Precieser: binden aan een click op een button in een iframe waarvan de src verwijst naar een ander domein Anders is 't niet (zo) / minder problematisch

_{Maar daar doel je natuurlijk, terecht, op}

[krvabo]

Zo maar een hersenspinsel, zou Jquery live() hier niet werken?

[Bosmonster]

Wat NMe zegt lijkt me de meest praktische oplossing. Gewoon zelf een de button maken middels de API.

Alternatief is het script van twitter downloaden en zelf hosten, dan kun je die een beetje aanpassen om het event toe te voegen.

[ Voor 3% gewijzigd door Bosmonster op 24-05-2011 08:35 ]

[Sanity11]

Dank jullie, erg nuttige tips. Ik ga er vandaag in duiken en houd jullie op de hoogte van wat er werkt! In feite had ik al een eigen twitter button gemaakt met de api, maar ja, das iets minder mooi omdat je dan de teller er niet bij hebt. En idd, zelf de tweet afhandelen is wellicht ook een optie, maar daar is vast geen tijd voor... . Na Twitter komt Hyves ook nog met een repect button

[ Voor 60% gewijzigd door Sanity11 op 24-05-2011 09:57 ]

[NMe]

Als je zelf het script host loop je wel het risico dat de API waar die gebruik van maakt gewijzigd wordt en ineens zonder dat je het weet de tweetknop breekt.

[Bosmonster]

Hyves? Wasda?

[Sanity11]

Haha, ja die negeren we nu ook. Twitter heb ik wel gemaakt, door de klik af te vangen op een gewone button en te checken of het betreffende i.p adres niet al eens eerder getweet heeft.