Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>as found here: <a href="https://stackoverflow.com/questions/5186638/how-to-asynchronously-load-css-using-jquery">How to asynchronously load CSS using jQuery?</a></p> <pre><code>$("head").append("&lt;link rel='stylesheet' type='text/css' href='http://widgets.twimg.com/j/2/widget.css' /&gt;"); </code></pre> <p>to make the code complete:</p> <pre><code>&lt;div id="twitter_div"&gt;&lt;/div&gt; &lt;script&gt; jQuery(window).load(function () { $("head").append("&lt;link rel='stylesheet' type='text/css' href='http://widgets.twimg.com/j/2/widget.css' /&gt;"); jQuery.getScript('http://widgets.twimg.com/j/2/widget.js', function () { var twitter = new TWTR.Widget({ id: 'twitter_div', version: 2, type: 'profile', rpp: 4, interval: 6000, width: 'auto', height: 300, theme: { shell: { background: '#add459', color: '#382638' }, tweets: { background: '#ffffff', color: '#141114', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('chucknorris').start(); }) }) &lt;/script&gt; </code></pre> <p><strong>edit</strong> somehow this is the only thing that seems to work in IE:</p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;test&lt;/title&gt; &lt;link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet"&gt; &lt;link href="http://widgets.twimg.com/j/2/widget.css" type="text/css" rel="stylesheet"&gt; &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="twitter_div"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { var twitter = new TWTR.Widget({ id: 'twitter_div', version: 2, type: 'profile', rpp: 4, interval: 6000, width: 'auto', height: 300, theme: { shell: { background: '#add459', color: '#382638' }, tweets: { background: '#ffffff', color: '#141114', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('chucknorris').start(); }) &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload