Replace text to emoticon using javascript

There's some code for replace a text to a image (emoticon)?

Hi

Please clarify which texts.

If you want it easier, why don't you just use an html tag of an image or bbcode for it?

Code:

For HTML
<img src="IMG Link here" title="Title of image" />

Code:

For BBC
[img]IMG Link[/img]

Regards,
Pizza Boi

It's for replace a text for a emoticon i've forgote to mention that

Hi

If you're using the new editor (Which is pretty obvious) When you click on the "Switch Editor Mode", there's that option when you input a "" emoticon for example, it will automatically change into that smiley. The "Switch Editor Mode" is located on the lower part and in the most right side  if it's in the quick reply and for the "Post Reply".

Regards,
Pizza Boi

I know...

I wanna imput new emoticons via javascript without add by the commom way.

I have a javascript but it change by the title of the image (alt) and any image with the same title is changeg into the emoticons. I wanna do it by text.

Hi

Can you put there that code so we can try to edit it.

Code:

var Smileys;

Smileys = {
    'Lara com Z' : 'http://i738.photobucket.com/albums/xx29/forummultix/emoticons/Lara7_zps32c7c5d6.gif',
    'Gretchen' : 'http://i738.photobucket.com/albums/xx29/forummultix/emoticons/gretchensaindo_zpsbb7eafc6.gif',
    'Falta de sacanagem' : 'http://i738.photobucket.com/albums/xx29/forummultix/emoticons/putafaltadesacanagem_zps162a2df9.gif',
};

$(function() {
    $.each(Smileys, function(key, value) {
        $('img[alt="' + key + '"]').attr('src', value);
    });
});

(I've deleted some emoticons to put it here to don't be so many heavy)

Hi

I'm not really good at javascript... but wouldn't declaring in the alt an image link or something like \('[img.][/img]'\) do justice?

Sorry for not being of much help with this one.

Regards,
Pizza Boi

Didn't work.

bump

So no one can help me? ....

Hello Chavo,

The most I can come up with is this :
* Placement should be in the topics

Code:

$(function() {
    var c = document.getElementsByClassName('entry-content');
    for (i=0; i<c.length; i++) {    
       c[i].innerHTML = c[i].innerHTML.replace(/:cool:/g,'<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif"/>');
       c[i].innerHTML = c[i].innerHTML.replace(/:sad:/g,'<img src="http://2img.net/i/fa/i/smiles/icon_sad.gif"/>');
    }
});

We replace the text in a post with an image element.

Thank you!!! It works!! I've tested many codes i found on web but it won't work, but SO MANY THANKS!!

You're welcome

Topic solved and archived