jQueryHelp

Help with jQuery Mods and Hacks for your Ning Network!

move the share links, or Like Button, in Discussions

 

hi TJ

 

i always wont to move the share links in Descussions.photos.. etc to make it below descussion header

see images below

 

 

so member see sharing before reading the article or the photos as i think as now my member doesn't use sharing because its not viewed well as i think in the below

 

 

 

please advise

my forum link

 

 

welcome to my blog http://omgarga.blogspot.com/

Views: 254

Reply to This

Replies to This Discussion

Hi daloo3a,

Pretty cool idea!

Instead of moving them, I just made a copy of them in the new spot.  I tried it here, you should see it in Forum Discussions, Photos, Videos.  Here's the code for your Custom Code box:

 

<script type="text/javascript">

// Copy Share links to bottom of navigation byline:
var sharelinks = x$('p.share-links').html();
x$('div.xg_headline-2l').after('<div id="jQH_new_sharelinks"><p class="share-links clear">' + sharelinks + '</p></div>');

</script>

 

 

I gave the new div with the copy of the Share links a unique id too, in case you want to style it with CSS.

Let me know how it works for you!

Best wishes!

"TJ"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

 

yay yes its worked cooool

 

ok can i make an iframe instead of the share links ?

welcome to my blog http://omgarga.blogspot.com/

 

is it possible ?

welcome to my blog http://omgarga.blogspot.com/

You could put an iFrame in the exact same spot with this code:

 

<script type="text/javascript">

// Put an iFrame at the bottom of navigation byline:
x$('div.xg_headline-2l').after('<div id="jQH_iFrame">IFRAME_CODE</div>');

</script>

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

 

greats and awesome 

welcome to my blog http://omgarga.blogspot.com/

 

i don't know why when i add facebook like button its not shown

i am not using an frame "like", instead i use the div they given me

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" width="450" show_faces="true" font=""></fb:like>

 

but its not worked and not showed

noted : i used div instead of frames because i have the PUNCHTAB Script which not count points for iframes sadly

 

the code i use now after u gave me is the follow:

<script type="text/javascript">

// Put an iFrame at the bottom of navigation byline:
x$('div.xg_headline-2l').after('<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" width="450" show_faces="true" font=""></fb:like></div>');

 

so whats wrong with this code you think Tj

</script>

welcome to my blog http://omgarga.blogspot.com/

I do know what's wrong with the code - you are using a script inside of a script, that doesn't work.

The only thing I can think to try is to put the facebook code inside a div in your custom code box, but outside of any scripts.  Then move the div to where you want it to show.  This is similar to how we are able to move Google Ads around in blogs, videos photos, forums, etc. 

I think Jen wrote something on Creators or JenSocial about putting FaceBook Like buttons on Ning pages, have you checked?  Not much I can do here because I don't use FaceBook buttons so no way to write code and test it here.

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

 

thank you anyway tj

love u

welcome to my blog http://omgarga.blogspot.com/

if I wanted to use this same method to move the Start a New Discussion link, would i do something like this?

<script type="text/javascript">
// Copy Start New Discussion to bottom of navigation byline:
var startnew = x$('a.xg_sprite.xg_sprite-add.xj_new_topic_link').html();
x$('div.xg_headline-2l').after('<div id="jQH_new_startnew"><p class="share-links clear">' + startnew + '</p></div>');
</script>



TJ @ jQueryHelp said:

Hi daloo3a,

Pretty cool idea!

Instead of moving them, I just made a copy of them in the new spot.  I tried it here, you should see it in Forum Discussions, Photos, Videos.  Here's the code for your Custom Code box:

 

<script type="text/javascript">

// Copy Share links to bottom of navigation byline:
var sharelinks = x$('p.share-links').html();
x$('div.xg_headline-2l').after('<div id="jQH_new_sharelinks"><p class="share-links clear">' + sharelinks + '</p></div>');

</script>

 

 

I gave the new div with the copy of the Share links a unique id too, in case you want to style it with CSS.

Let me know how it works for you!

Best wishes!

"TJ"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!
Justin Farrow | Land Surveyors United

Hi Justin,

The code here and in your message looks ok, but you can try a space before the dots

a .xg_sprite .xg_sprite-add .xj_new_topic_link

see if that helps.

Where exactly is this "Start a New DIscussion" link that you're trying to move, what's the URL of a page where it is so I can have a look?

Thanks!

"TJ"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

TO MOVE THE LIKE BUTTON, AS I DO ON THIS SITE, ADD THIS TO CUSTOM CODE BOX:

<script type="text/javascript">

// Copy LikeButton to bottom of navigation byline:
var likebtn = x$('div.likebox').html();
x$('div.xg_headline-2l').after('<div id="jQH_new_likebutton" class="left-panel"><div class="likebox likebox-ning">' + likebtn + '</div></div>');
</script>

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

Hey TJ!

I am trying to something similar for post tags in 2.0 and here is what i have so far

<script type="text/javascript">
// Copy tags links to bottom of navigation byline:
var tagslist = x$('#tagsList.small').html();
x$('div.xg_headline-2l').after('<div id="jQH_new_tagslist"><p class="small" id="tagsList">' + tagslist + '</p></div>');
</script>

this is what is happening though.. the <p> copies over but the tags themselves do not.. any ideas what i might be doing wrong?

thanks bud

Reply to Discussion

RSS

Notifications

Temporarily Offline

Friends of Friends

© 2017   Created by TJ @ jQueryHelp.   Powered by

Badges  |  Report an Issue  |  Terms of Service

EOP
EOP2