The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Javascript Code to "re-insert" a profile field in a different spot?

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on April 13th 2015, 11:35 am

First topic message reminder :

Technical Details

Forum version : phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link :   www.gasrforum.com

Description of problem

Alright I have been searching for a code like this but I have no idea if it's possible or how to go about achieving what I want.

I would like the advanced profiles on forumotion to be a bit better organized? On my forum, we have a lot custom fields which make the profile page cluttered. I was wondering if it would be possible to create additional tabs where the "visitor messages / profile / statics" and somehow add the customizable fields to those pages?



If nothing else, would it be possible to move custom fields to the right side of the page instead of on the left?

UPDATE----

Right so since nobody is answering this, I've started to try and make some sort of code pieced together from other codes I have found.

So here's the first thing I've started doing, using a javascript to add code to the userpage, I have hidden the section I want moved underneath the display picture.



to ----> 




Using this javascript:

Code:
jQuery(document).ready(function(){
         if(window.location.pathname.indexOf("/u68")!==-1){
          jQuery('<style>body{background: url("http://media.tumblr.com/6233adc1e97adcc10105f1988b8a2465/tumblr_inline_mns3reYdBr1qz4rgp.gif") }

dl#field_id20 {  
     visibility: hidden; !important;
}</style>').appendTo(document.head);
         } else return;
        });

Then editing the user stastics code made by @Ange Tuteur (although I don't really understand how javascripts work so I left a lot of unnecessary things in the code so it wouldn't break).

I added the "awards" underneath the display picture.

Code:
window.location.pathname.match(/\/u\d+/) && $(function() {
  var b = document.createElement('DIV'),
  lang = {
    activity : 'Awards'  }, placeholder = '<span class="gen"><dl id="field_id20"><dt><dd></dd></dt></dl></span>';
  

  document.getElementById('wrap') && (b.innerHTML = '<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">'+lang.activity+'</div>'+placeholder+'<span class="corners-bottom"><span></span></span></div></div>');
  document.getElementById('ipbwrapper') && (b.innerHTML = '<div class="module borderwrap"><div class="maintitle"><h3>'+lang.activity+'</h3></div><div class="box-content profile center">'+placeholder+'</div></div>');
 

 $('.bodylinewidth').length && (b.innerHTML = '<div style="height:3px;"></div><table class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td class="catLeft"><span class="genmed module-title">'+lang.activity+'</span></td></tr><tr><td class="row1 gensmall" align="center">'+placeholder+'</td></tr></tbody></table>', bb2 = true);  

$('#profile-advanced-right .module:first, td[width="300"] .forumline:first').after(b);
  $.get('/viewonline',function(data) {
    var p = b.getElementsByTagName('P')[0], c = 'tr:has(a[href="/u'+window.location.pathname.match(/u(\d+)/)[1]+'"]) td';
    bb2 && (c = '.three-col table:has(.nav) + table ' + c);
    p.innerHTML = $(c+':last',data).html();
    !p.innerHTML.length ? p.innerHTML = '<a href="#" onclick="return false;" class="inactive">'+lang.offline+'</a><div class="lastactive">'+lang.last+' : '+lang.none+'</div>' : p.innerHTML += '<div class="lastactive">'+lang.last+' : ' + $(c+':eq(1)',data).html() + '</div>';
  });
});


Last edited by Bedlam on May 27th 2015, 6:26 am; edited 3 times in total

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down


Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 14th 2015, 3:47 am

None of the codes they gave me did anything for my forum.

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by JScript on June 15th 2015, 6:00 pm

@SLGray wrote:Did @JScript solve some of your issues?
In progress...


@Bedlam wrote:None of the codes they gave me did anything for my forum.
Please could you allow access of visitors to the profile of the members?

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 16th 2015, 6:31 am

Certainly, one moment~

Now visible to guests.

I've done a lot of cleanup code wise of the profiles so they look a bit sleeker.

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 17th 2015, 3:51 pm

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 19th 2015, 2:30 am

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 21st 2015, 10:19 am

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 22nd 2015, 11:37 am

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 23rd 2015, 9:17 pm

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Globe Administrator on June 23rd 2015, 9:55 pm

What exactly do you need? Javascript or steps on how to do it?

Globe Administrator
Forumember

Posts : 92
Reputation : 1
Language : English, Igbo, Pidgin, Yoruba

http://niceplug.niceboard.com

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 24th 2015, 4:54 am

There is no codes available (to my knowledge) that do what I want, as I have explained in the first post.

If you are willing to aid me in creating a code / point me towards an existing one that would be lovely.

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 26th 2015, 11:44 pm

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on June 29th 2015, 10:30 am

foreverbump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on July 1st 2015, 12:53 am

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on July 2nd 2015, 12:48 pm

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on July 12th 2015, 1:18 pm

Someday my prince will come.
Been waiting almost 3 months for someone to help me code.
Crying

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on July 17th 2015, 5:39 am

hello darkness my old friend

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by JScript on July 24th 2015, 2:30 am

@Bedlam
Hello!
Unfortunately all attempts I've ever done has not had the desired effect ...

I will write again a piece of code and test again ok?

Thank you for waiting and I'm sorry for the delay,

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on July 27th 2015, 7:50 am

Hey don't worry about it @JScript I have had the same problems that's why I've basically just done some clean up of the look of the page in the meantime :'(

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on August 1st 2015, 2:15 pm

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Re: Javascript Code to "re-insert" a profile field in a different spot?

Post by Bedlam on August 14th 2015, 12:15 am

bump

Bedlam
Forumember

Female Posts : 62
Reputation : 4
Language : English
Location : Canada

http://www.gasrforum.com/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum