StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I wrote an article about this, find it here. <a href="http://mystrd.at/articles/multiple-disqus-threads-on-one-page/" rel="nofollow noreferrer">http://mystrd.at/articles/multiple-disqus-threads-on-one-page/</a></p> <p>In essence, if you're fine with displaying a single module at a time and using some sort of a "show comments" control, you could do it the following way (using Wordpress and jQuery as an example, but you can adjust the content identifiers based on your needs). In a post loop, insert an extra control for each:</p> <pre><code><a onclick="loadDisqus(jQuery(this), '<?= $id ?> <?= $post->guid ?>', '<? the_permalink() ?>');"> Show comments </a> </code></pre> <p>Afterwards you need a generic function that will use those post parameters and reload Disqus on demand. Mind that the 2012 version of Disqus doesn't have the reset() method yet and therefore this will not work with it.</p> <pre><code>// global vars used by disqus var disqus_shortname = 'yoursiteshortnameindisqus'; var disqus_identifier; // made of post id &nbsp; guid var disqus_url; // post permalink function loadDisqus(source, identifier, url) { if (window.DISQUS) { jQuery('#disqus_thread').appendTo(source.parent()); // append the HTML to the control parent // if Disqus exists, call it's reset method with new parameters DISQUS.reset({ reload: true, config: function() { this.page.identifier = identifier; this.page.url = url; } }); } else { //insert a wrapper in HTML after the relevant "show comments" link jQuery('<div id="disqus_thread"></div>').insertAfter(source); disqus_identifier = identifier; // set the identifier argument disqus_url = url; // set the permalink argument // append the Disqus embed script to HTML var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; jQuery('head').appendChild(dsq); } }; </code></pre> <p>Other than this, I believe you would have to resort to using iframes. Such a solution with Ruby as an example is outlined here - <a href="http://blog.devinterface.com/2012/01/how-to-insert-more-disqus-box-in-single-page/" rel="nofollow noreferrer">http://blog.devinterface.com/2012/01/how-to-insert-more-disqus-box-in-single-page/</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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