Custom BBcode in profile fields

Hey guys I want to make custom BBcodes work but in profile fields, not in topics like the one here: https://help.forumotion.com/t138493-custom-bb-code?nid=151#941230
Mostly I want to do this for the hover effect that was achieved in the link.

Thanks!

what will all will this bbcode do? or are you trying to do the same thing replace a word with a image

Yeah.
I want to replace the word with an image. The image will be of an award so when I say;
[trophy] there will be an icon of a trophy, and when they hover over it they can see the tooltip (this part is very important, no point doing this if there is no tooltip.)
With that I'll basically be able to implement the award system that other hosts have.

here u go pretty much same as other

Code:

    $(function(){
    var title = ['charizard','squirtle','snorlax'];
    var image = ['imageforcharizard.gif','imageforsquirtle.gif','imageforsnorlax.gif'];
    $('.field_uneditable').each(function(){
          var oldhtml = "";
      oldhtml = $(this).html();
      for(var i = 0;i<title.length;i++){
      oldhtml=oldhtml.replace('['+title[i]+']','<img src="'+image[i]+'" title="'+title[i]+'">');};
      $(this).html(oldhtml);
    });});

But twisted, it's the exact same.
I don't get the image in my profile fields. I can only see it in posts.
In the profile fields it's just [charizard] that's it.
I don't see the tooltip either.

set script to all pages

It is in all pages.

can you provide me with a link to a profile with the text in a field so i can check it out

Here: http://www.pottersarmy.net/u858
Several fields have [charizard] in them. Yes, the threads have charizard displaying (without the tooltip, but we should solve this first right?)

i see charizard and if i move my mouse over him it shows me his name

Yeah.
I don't know Twisted, it's weird.
If you look at the same profile now you see that charizard is showing but the other two, merlin and snorlax are not even though I have the EXACT same picture for each of them.

Code:

$(function(){
var pokemon = ['charizard','merlin','snorlax'];
var pokeimage = ['http://static.pokemon-vortex.com/images/pokemon/Charizard.gif','http://static.pokemon-vortex.com/images/pokemon/Charizard.gif','http://static.pokemon-vortex.com/images/pokemon/Charizard.gif'];
$('.postbody').each(function(){
      var oldhtml = "";
  oldhtml = $(this).html();
  for(var i = 0;i<pokemon.length;i++){
  oldhtml=oldhtml.replace('['+pokemon[i]+']','<img src="'+pokeimage[i]+'">');};
  $(this).html(oldhtml);
});});

thats not the script i provided above

Okay Twisted it works now, in the profiles.
But not in the messages, (the profile fields in the messages.) In order to display that I should use the code in the last link?

try this

Code:

$(function(){
var title = ['charizard','merlin','snorlax'];
var image = ['http://static.pokemon-vortex.com/images/pokemon/Charizard.gif','http://static.pokemon-vortex.com/images/pokemon/Charizard.gif','http://static.pokemon-vortex.com/images/pokemon/Charizard.gif'];
$('.postbody').each(function(){
      var oldhtml = "";
  oldhtml = $(this).html();
  for(var i = 0;i<pokemon.length;i++){
  oldhtml=oldhtml.replace('['+title[i]+']','<img src="'+image[i]+'" title="'+title[i]+'">');};
  $(this).html(oldhtml);
});
    $('.field_uneditable').each(function(){
          var oldhtml = "";
      oldhtml = $(this).html();
      for(var i = 0;i<title.length;i++){
      oldhtml=oldhtml.replace('['+title[i]+']','<img src="'+image[i]+'" title="'+title[i]+'">');};
      $(this).html(oldhtml);
    });
});

That doesn't work Twisted. Still only displays in the profiles, not the topics. 
And it shifts the avatars and profiles (in the topics/messages) to the right side (rather than the default left side.)

By the way, happy to see that you are a moderator now. Fully approve of that.

can you send me a admin account to login to ..also thank you

Okay Twisted.
Does it work? Is the script!

u didn't copy my last script i posted u was sill using a previous one .. but u should be good to go now

No, twisted, i did copy that script and told you it wasn't working. Then I removed it since it wasn't working and used the old one.

Maybe pics will help more:


Here's the images working in the profile fields.



Here's the same images and same code NOT working in the profile section of the images.
ALSO note that the quick reply box is screwed up as a result of this code.

try clearing your browser cache ..because i made test post when i was on your forum and it was working fine

Okay twisted, I did that but no change at all. Just messed up the post stuff.

 but just in case we are on the same page...
The medals have to show up in the PROFILE SECTION of the messages, not the messages themselves. 
If you see the second image above you'll notice what I'm talking about.

Seriously, sorry for annoying you so much. But I'm really close to having something I've wanted on my forum for a while thanks to your help.

sorry i didn't realize that was poster profile.. u should be good now .. i already fixed for you but im posting this for others

Code:

$(function(){
var title = ['charizard','merlin','snorlax'];
var image = ['http://static.pokemon-vortex.com/images/pokemon/Charizard.gif','http://static.pokemon-vortex.com/images/pokemon/Charizard.gif','http://static.pokemon-vortex.com/images/pokemon/Charizard.gif'];    $('.postbody').each(function(){
          var oldhtml = "";
      oldhtml = $(this).html();
      for(var i = 0;i<title.length;i++){
      oldhtml=oldhtml.replace('['+title[i]+']','<img src="'+image[i]+'" title="'+title[i]+'">');};
      $(this).html(oldhtml);
    });
        $('.field_uneditable').each(function(){
              var oldhtml = "";
          oldhtml = $(this).html();
          for(var i = 0;i<title.length;i++){
          oldhtml=oldhtml.replace('['+title[i]+']','<img src="'+image[i]+'" title="'+title[i]+'">');};
          $(this).html(oldhtml);
        });
           $('.postprofile').each(function(){
              var oldhtml = "";
                  oldhtml = $(this).find('dd:contains(Achievements)').html();
          for(var i = 0;i<title.length;i++){
          oldhtml=oldhtml.replace('['+title[i]+']','<img src="'+image[i]+'" title="'+title[i]+'">');};
          $(this).find('dd:contains(Achievements)').html(oldhtml);
        });
    });


Wow Twisted thanks!

This is SOLVED. Now I just need the Tipsy Tooltips to work and I will have finally managed to do awards the way Jcink forums do it. Thanks