No matter what I try, nothing seems to be working for me.
I'm looking to hide the <div id="disqus_thread"> at first and then reveal it when I click on the link "commenting", after the comments have loaded. This particular link is located at the bottom of my article titled "commentaires" on my blog.
Currently, I am using a link with an onclick function, but I am unable to add another action to it.
Is there a way to trigger both actions on clicks?
CSS:
#disqus_thread {display:none; margin-top: -40px; background: #fff;
background: #fff;
padding:20px;
border: 1px solid #ddd;}
Even though I tried to initially hide the div using CSS, I am unsure how to go about revealing it afterwards.
HTML:
<li class='commenting'>
<span class=''>
<a class='' expr:href='data:post.addCommentUrl' onclick='$.ajaxSetup({cache:true});$.getScript("http://julienlussiez.disqus.com/embed.js");$.ajaxSetup({cache:false});$("#disqus_loader").remove();' title='Leave a comment'>Comments</a>
</span>
</li>
There is indeed an existing onclick function in place, however, adding new elements seems to be a challenge.
Could this mean that it is incorrect or poorly written?
Script:
<script>
function load_disqus()
{
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = "http://julienlussiez.disqus.com/embed.js";
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
var ldr = document.getElementById('disqus_loader');
ldr.parentNode.removeChild(ldr);
}
</script>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
$.Ajaxify.pageChange(function() {
var disqus_shortname = 'julienlussiez';
// required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();});
</script>
<a name="bottom"></a>
This script effectively loads comments from Disqus seamlessly without any interruptions, which works great for me since I have a music player featured on my blog.