Current status of the Ning Platform is always available on the Ning Status Blog.

Trick 3.0: Link to comment

Hello everyone!

Last week one of our support representatives have been contacted by one of the new creators, and he has mentioned that he wishes to have the easy way to share links to the comments (the functionality that we have on 2.0 and which is not presented on 3.0 unfortunately). Of course, the suggestion has been created and passed to the management, however, if the immediate solution is required you can use the following code :

<script>
var com_link;
var split1, split2, split3, split4;
var com_id;
var func_click = function(elmnt, e){
e.preventDefault();
com_link = x$(elmnt).attr('href');
x$('#myInput').attr('value', com_link);
var copyText = document.getElementById("myInput");
copyText.select();
document.execCommand("Copy");
x$(elmnt).append('<div class="temp1" style="position:absolute; padding: 15px; border: 1px solid; border-color: black; background-color:white; color:black;z-index:9999"><p>Link copied to the clipboard</p><div>');
setTimeout(function(){ x$('.temp1').remove(); }, 3000);
};

x$(window).load(function ()
{
var del = setInterval(function ()
{
if (x$('.comments-comment ').length)
{
if(x$('.entry-comments .com_link').length==0)
{x$('.entry-comments .comments-comment ').each( function(){
com_id = x$(this).attr('data-comment-id');
com_link = window.location.href;
split1 = com_link.split("?");
split2 = split1[0].split("=");
split3 = split2[0].split("&");
split4 = split3[0].split("#");
x$(this).children('.comments-commentBody').children('.media-body').children('.comments-actions').append('<a class="comments-action com_link" href="'+ split4[0] +'=show?commentId=' +com_id +'" onclick="func_click(this, event);">Link</a>');
});
}
if(x$('.commentWallSection .com_link').length==0)
{x$('.commentWallSection .comments-comment ').each( function(){
com_id = x$(this).attr('data-comment-id');
com_link = window.location.href;
split1 = com_link.split("?");
split2 = split1[0].split("=");
split3 = split2[0].split("&");
split4 = split3[0].split("#");
x$(this).children('.comments-commentBody').children('.media-body').children('.comments-actions').append('<a class="comments-action com_link" href="'+ split4[0] +'?commentId=' +com_id +'" onclick="func_click(this, event);">Link</a>');
});
}
}
}, 100);
});
</script>
<input type="text" value="test" id="myInput" style="height:20px; margin-bottom:-20px; position: absolute; left:-9999px;">

The code should be inserted into the custom code, end of page field, after the code you have there.

About its work, there simply one new link called "Link" would appear in the action panel of the comments, once pressed the link to the comment would be copied to the clipboard and the message would show up that the link has been copied to the clipboard. 

If there are any suggestions how the functionality could be modified to be more user-friendly, please let me know and I'll update teh code :-)

P.S. I know regex could be used to split the link, but I'm still not good at it, that's why we have 4 beautiful variables :-)

P.S.S If there are any suggestions to optimize the code, don't hesitate to post them in the replies

Hope it helps

Ning Team.

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    Looks interesting..

    • Glad you have found it interesting :-)

  • Update:

    Just notice that I there was a typo "don't hesitate to post them in the replies", I have posted "do hesitate to post them in the replies".

    Sorry for that :-)

    Best regards,

    Ning Team.

    • Hello Kyryl, two versions, optimized.. :)


      <!--  Kyryls - share links to the comments -->
      <!-- Reloads to the comment you coppyed the link from. -->
      <!-- Custom Code - End of Page Code box -->
      <script src="https://bit.ly/2oqk588" type="text/javascript"></script>


      OR


      <!--  Kyryls - share links to the comments -->
      <!-- NO reload, drops to bottom of page on first use. -->
      <!-- Custom Code - End of Page Code box -->
      <script src="https://bit.ly/2kCFfLb" type="text/javascript"></script>

      https://api.ning.com/files/YKhPqyP9lyTqHUTS6ZaBIz9Svzpw6Qmv57BiP3TYcIMsWgpGv-ZDriVS307mw9mOnxKTnQst…
  • Thank you for this!  Works well on first try. 

    Best wishes for a happier, better 2018 ~ 

    Holly

    • Hi Holly,

      Glad you've found this trick useful :-)

      Best wishes,

      Ning Team.

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

⚡JFarrow⌁ replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Wow..  cool idea!   I may try this.     Wonder if the same could be done for the funny crop of memb…"
7 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding a plus media button to your activity feed
"Wow... very innovative!"
9 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Great tip!  Works well... just wondering why the little camera icon shows up... gonna have to inves…"
9 hours ago
Fernando Bisbal replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"exact!! in social networks the same ... it is a horror that the web logo is always shown as an imag…"
9 hours ago
⚡JFarrow⌁ replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"This is also something i am hoping is coming...  the ability to specify the image which shows up bo…"
9 hours ago
Fernando Bisbal posted a discussion
Any trick so that the image (LOGO) of each group is displayed in the google search results? now all…
10 hours ago
Fernando Bisbal replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Thank you very much I have applied it to my website and now it is much better"
10 hours ago
Bizz replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Hmm it should all be working ok as I have added the code to my site to test, here is a link to two…"
10 hours ago
Explore One Vietnam updated their profile
yesterday
kostasgr replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"hi Bizz !!  not working ....."
yesterday
Bizz replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Your welcome Fernando, glad could help
Bizz :-)"
yesterday
Fernando Bisbal replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Thank you very much, I've been waiting for this for a long time ... the result is great ... attache…"
yesterday
More…

Meanwhile, you can check our social media channels