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

FORUM

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…
      • Really nice, George!

        Thanks.

        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.

Announcements

 

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

Fabricio Giugni replied to Fabricio Giugni's discussion
Like button is not working
"Hi There,
I took about a minute to find where it was. It works better when Like button cames under…"
1 hour ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"here is the new color : 
rgb(35, 85, 117)
or
#235575"
3 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"OMG Anastasiathat is amazing !!!thank youJust the color needs to be changed (sorry I have changed t…"
3 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"OMG Anastasia
that is amazing !!!
thank you
I will go into the code to modify the background colour…"
3 hours ago
Anastasiia_NING support posted a discussion in NING BUSINESS CLUB
Here is the list with their names and links to the resources where you can find information about w…
3 hours ago
Anastasia_Ning_Support replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"Hello!
My colleague has made some changes to make it look as close as possible to the picture you s…"
3 hours ago
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
Like button is not working
"Hello!
My colleague has relocated the Like button as you asked, please check it. 
Best regards,
The…"
3 hours ago
Thisisbully replied to Alex's discussion
Missing images???
"Also when you upload say more than one photo at once it will show the first photo u select that man…"
5 hours ago
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
A list of Problem just growing...
"Hello!
I am sorry, I will insert screenshots into my reply. 
"I can see that you have already check…"
7 hours ago
Anastasia_Ning_Support replied to marie's discussion
NING BUILDER CAN'T LOAD YOUR PROJECT
"Hello!
You are welcome, I am glad it is working now!
Please let me know if you experience such issu…"
7 hours ago
Anastasia_Ning_Support replied to Alex's discussion
Missing images???
"Hi!
I agree with you 100%. I have already spoken to Elizabeth personally, and also let our quality…"
8 hours ago
Anastasia_Ning_Support replied to Alex's discussion
Missing images???
"Hello!
I am very sorry for the confusion! Our representative wanted to say that it is a massive iss…"
8 hours ago
More…

Meanwhile, you can check our social media channels