inlineDisqussions
inlineDisqussions copied to clipboard
tsi
Issues with inlineDisqussions
Hello,
Firstly I would like to thank you for sharing inlineDisqussions even thought I haven't succeed in making it work it's very generous.
So I downloaded your file and followed your instructions. On my index.html I have :+1:
- linked the .css file
- link the .js file
- call in jquery library
- call inlineDisqussions
So I'm using MAMP (free) and there is nothing on the page and no erros in the console. I'm a bit lost...
If you could help me that would be great, thank you again for sharing.
Hard to say without looking at the web page. there are many thing that may have gone wrong.
- Do you get any errors in your console?
- Do you call jQuery before inlineDisqussions? what version?
- How do you call inlineDisqussions ?
- Do you have a
disqus_shortname?
Ok so I've resolved my problem, which allow me to face a other problem.
Still, to answer your questions :
- I didn't had any errors in my console
- I called jQuery before inlineDisq and the version is : 1.7.2
- I call inlineDisq with this code : < script src="inlineDisqussions.js" >< /script >
- Yes I do
So now, I do see the paragraph and Disqus but I have to problems.
- When I load the page, I have Disqus which is loading. So I juste see Disqus commentary system over my texts. I have to click somewhere else on the page to make it "disappear"
- To inlineDisqussions work I had to do this :
< p > data-disqus-identifier="/inlineDisqussions/disqussion-0" class="disqussion">This is a test</ p >
And the thing is that when I put 3 or 4 paragraph, they are all overlap in the same place.
If I don't put the class, it doesn't work. Obviously I messed up somewhere.
Thank you for your quick answer !
Here's my index.html
I've followed carefully what was written, still I don't find where did I messed up.
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="inlineDisqussions.js"></script>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<script type="text/javascript" async="" src="//inlinecomments.disqus.com/embed.js"></script>
<link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css">
<script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/js/page_context.js">
</script>
<link rel="stylesheet" type="text/css" href="inlineDisqussions.css" />
</head>
<body>
<script>
disqus_shortname = 'vincent256';
jQuery(document).ready(function()
{
jQuery("p").inlineDisqussions();
});
</script>
<div id="données">
<p data-disqus-identifier="/inlineDisqussions/disqussion-0">
Sed ut perspiciatis unde omnis iste natus error sit
</p>
<p data-disqus-identifier="/inlineDisqussions/disqussion-1">
ed ut perspiciatis unde omnis iste natus error sit accusantium dorem ao
</p>
<p data-disqus-identifier="/inlineDisqussions/disqussion-2">
Sed ut perspiciatis unde omnis iste natus error sit accusantium dorem ao
</p>
<p data-disqus-identifier="/inlineDisqussions/disqussion-3">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dorem ao
</p>
</div>
<div id="disqussions_wrapper">
<div id="disqus_thread"></div>
</div>
<div id="disqussions_overlay"></div>
</body>
Thanks for reading.
Please remove the #disqussions_wrapper div from your page, it will be created for you by the script, you don't need to have #disqussions_overlay either. you can leave the #disqus_thread (by itself) to mark where your main comment thread should be in the markup.