Issues with inlineDisqussions #9

Activity

1. tsi commented on Apr 9, 2014

   

   tsi

   on Apr 9, 2014

   Owner

   More actions

   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?
2. Goguelin commented on Apr 9, 2014

   

   Goguelin

   on Apr 9, 2014

   Author

   More actions

   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.

   1. 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"
   2. 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 !
3. Goguelin commented on Apr 9, 2014

   

   Goguelin

   on Apr 9, 2014

   Author

   More actions

   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.
4. tsi commented on Apr 10, 2014

   

   tsi

   on Apr 10, 2014

   Owner

   More actions

   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.