Twitter BBCode

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|82\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
SoCoder -> Snippet Home -> Website Development

Jayenkai	Created : 24 June 2017 Edited : 24 June 2017 Twitter BBCode
I'm not going to get too indepth, and am just going to plop a test.html's contents here. If you're working on BBCode for your site, you should be able to work out most of the stuff from the contents of the html. <html> <script> function loadTweetB(object) { tweetURL=object.url; tweetExplode=tweetURL.split('/'); tweetID=tweetExplode[tweetExplode.length-1]; // Grab Tweet ID and use it to find the right div divID='Tweet'+tweetID; var el=document.getElementById(divID); useExplode=object.html.split('/blockquote'); // Grab the 'html' output from the file that you get back from the twitter server el.innerHTML=useExplode[0]+'/blockquote>'; // Strip out everything after </blockquote> which includes the script to enhance the tweet. // Note, if you can find a way to get the tweet-enhancing powers to work, be sure to let me know. } </script> <body> <br> Tweet URL = https://twitter.com/RudyvanEtten/status/878242623462547457<br> Stripped Status ID = 878242623462547457<br> <br> When doing BBCode, take the full URL, strip out the Status ID, and then replace it with the following setup.<br><br> <div id='Tweet878242623462547457'></div> <script type='text/javascript' id='TweetGet' src='https://api.twitter.com/1/statuses/oembed.json?id=878242623462547457&amp;callback=loadTweetB'></script> <div id='Tweet878194512799178752'></div> <script type='text/javascript' id='TweetGet' src='https://api.twitter.com/1/statuses/oembed.json?id=878194512799178752&amp;callback=loadTweetB'></script> <div id='Tweet878578446506569728'></div> <script type='text/javascript' id='TweetGet' src='https://api.twitter.com/1/statuses/oembed.json?id=878578446506569728&amp;callback=loadTweetB'></script> </body></html> --v

Comments
Saturday, 24 June 2017, 20:25
Pakz	I am not that into html but I do find it a powefull thing. The code above. Do you need to install a api on your website to use it? I have a website from my isp with no features so I can not install anything or save cookies ect. And what does this code above do?
Sunday, 25 June 2017, 02:44
Jayenkai	No extra stuff required, the whole thing runs in JavaScript on the user's end. First the bottom sections happens. Each of the three <script> lines simply make a request to twitter's server, asking for the contents of "TweetID" There's a "Callback" parameter, so that when JavaScript gets a response, it knows to jump to that function in the upper script. The upper script takes the returned file from Twitter. It searches for the URL, strips out the ID, and uses that to find where the associated <div> is that it should be replacing. Next it takes the HTML content of the tweet, and strips out the extra script from the end of it, since I can't figure out how to use that, yet!! It pastes the contents of the tweet, and places it inside the required div. Job done.

Comments