replace multiple texts from string javascript

Question

hello there i'm trying to replace a list of selected words with images.... soo i tried the below code..

function replaceTextWithEmoticon(text)
{


return text.replace("[[happybirthday]]","<img src='smileys/birthday.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":s","<img src='smileys/blue.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":%","<img src='smileys/blush.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[boo]]","<img src='smileys/boo.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":>","<img src='smileys/book.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[busted]]","<img src='smileys/busted.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":*:)","<img src='smileys/cheekkiss.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[goodnight]]","<img src='smileys/goodnight.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[newhere]]","<img src='smileys/newhere.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[nicethread]]","<img src='smileys/nicethread.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[nospam]]","<img src='smileys/nospamhere.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[offtopic]]","<img src='smileys/offtopic.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("0:)","<img src='smileys/smiley-angelic002.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("^^'","<img src='smileys/smiley-ashamed004.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("E:|","<img src='smileys/smiley-confused001.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[:|","<img src='smileys/smiley-confused002.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("v:(v","<img src='smileys/smiley-confused005.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("v0v","<img src='smileys/smiley-confused013.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("B)","<img src='smileys/smiley-cool02.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[dancewithpartner]]","<img src='smileys/smiley-dance012.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[buttdance]]","<img src='smileys/smiley-dance019.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("3:)","<img src='smileys/smiley-devil03.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[excited]]","<img src='smileys/smiley-excited001.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[fartsingle]]","<img src='smileys/smiley-fart004.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[fartdouble]]","<img src='smileys/smiley-fart005.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[midfing]]","<img src='smileys/smiley-finger005.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[cheerleader]]","<img src='smileys/smiley-gen013.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[bgfight]]","<img src='smileys/smiley-gen041.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[score]]","<img src='smileys/smiley-gen055.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[thumbdown]]","<img src='smileys/smiley-gen073.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[musichappy]]","<img src='smileys/smiley-happy011.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[wave]]","<img src='smileys/smiley-happy020.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(";)","<img src='smileys/smiley-happy112.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":)","<img src='smileys/smiley-happy119.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[brushnails]]","<img src='smileys/smiley-happy120.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[backhug]]","<img src='smileys/smiley-hug001.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[friendshi5]]","<img src='smileys/smiley-hug004.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[makehappy]]","<img src='smileys/smiley-hug005.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[bfgfhug]]","<img src='smileys/smiley-hug006.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[lovehug]]","<img src='smileys/smiley-hug014.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[naughty]]","<img src='smileys/smiley-hug015.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[laughhard]]","<img src='smileys/smiley-laughing001.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[laughnormal]]","<img src='smileys/smiley-laughing002.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[iluvu]]","<img src='smileys/smiley-love001.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[kisshand]]","<img src='smileys/smiley-love007.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[coupleluv]]","<img src='smileys/smiley-love010.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[cheekkiss]]","<img src='smileys/smiley-love011.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("<3","<img src='smileys/smiley-love018.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[candlelightdinner]]","<img src='smileys/smiley-love019.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[intenseluv]]","<img src='smileys/smiley-love022.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[merrygoround]]","<img src='smileys/smiley-love025.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[toiletplungerkiss]]","<img src='smileys/smiley-love027.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[kissinglips]]","<img src='smileys/smiley-love028.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":(","<img src='smileys/smiley-sad056.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":P","<img src='smileys/smiley-taunt002.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":p","<img src='smileys/smiley-taunt002.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":P|","<img src='smileys/smiley-taunt014.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace(":p|","<img src='smileys/smiley-taunt014.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[welcome]]","<img src='smileys/welcome.gif' style='height:17px;margin-top:1px;'/>");
      return text.replace("[[wtf]]","<img src='smileys/wtf.gif' style='height:17px;margin-top:1px;'/>");


}

the above code only replaces the "[[happybirthday]]" in the string and nothing else.. and when there are more than one [[happybirthday]] it only replaces the first one... can any one please tell me what i have done wrong here.. ? thanks in advance.. :)

shyam · Accepted Answer · 2013-11-14 12:03:50Z

6

return means that the nothing below it will be executed. Instead you should assign it to a variable and return that

function replaceTextWithEmoticon(text)
{

  text = text.replace(/\[\[happybirthday\]\]/g,"<img src='smileys/birthday.gif' style='height:17px;margin-top:1px;'/>");
  text = text.replace(/:s/g,"<img src='smileys/blue.gif' style='height:17px;margin-top:1px;'/>");
  text = text.replace(/\[\[wtf\]\]/g,"<img src='smileys/wtf.gif' style='height:17px;margin-top:1px;'/>");

  ...
  return text;

}

EDIT By default replace will only replace the first occurrence to replace all you have to use the global flag for on the regex. See update

edited Nov 14, 2013 at 12:03

answered Nov 14, 2013 at 10:07

shyam

9,3864 gold badges32 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SRC SRC Over a year ago

let's say i have a string " [[wtf]] some more text [[wtf]] " and it only replaces the first [[wtf]] not the second one...what do i do... ?? :)

D-2020365 · Accepted Answer · 2013-11-14 10:10:47Z

-2

He should call them one by one and contact in one string and return

answered Nov 14, 2013 at 10:10

D-2020365

921 silver badge11 bronze badges

Collectives™ on Stack Overflow

replace multiple texts from string javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related