Need help with facebook chat code in wordpress post.

Discussion in 'HTML & Website Design' started by sourabhkejriwal, May 4, 2013.

  1. #1
    Hello,
    I am trying to make a post in wordpress for a smiley chat code to be used in facebook chat.
    The link to the post is :
    http://smileysforfb.com/facebook-emoticon-chat-code-suspecting-emoticon/

    The code is working fine when I am using the visual tab in the add new post...To make it easy for selecting and copying I want to place the chat code in textbox or textarea....Here I am facing problem as additional [br tags] are introduced automatically ....How can this be corrected.
    Thanks in advance.
     
    sourabhkejriwal, May 4, 2013 IP
  2. sourabhkejriwal

    sourabhkejriwal Member

    Messages:
    85
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #2
    I am trying to achieve similar to this:
    webitechi.com/facebook-chat-smileys-cool-icons
     
    sourabhkejriwal, May 5, 2013 IP
  3. cadsii

    cadsii Well-Known Member

    Messages:
    220
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #3
    simple enough

    css


    .left { float:left; }
    .clearleft { clear:left; }


    html


    <div class="left clearleft">
    <img class="left" title="Suspecting emoticon" src="http://smileysforfb.com/wp-content/uploads/2013/05/Suspecting-emoticon.png">
    <textarea class="left" onclick="this.focus();this.select()">[[670428982990306]] [[670428992990305]] [[670428952990309]] [[670428959656975]] [[670428986323639]]&lt;br /&gt;
    [[670429062990298]] [[670429059656965]] [[670429066323631]] [[670429036323634]] [[670429032990301]]&lt;br /&gt;
    [[670429172990287]] [[670429179656953]] [[670429139656957]] [[670429142990290]] [[670429169656954]]&lt;br /&gt;
    [[670429266323611]] [[670429219656949]] [[670429272990277]] [[670429222990282]] [[670429269656944]]&lt;br /&gt;
    [[670429332990271]] [[670429322990272]] [[670429346323603]] [[670429319656939]] [[670429336323604]]&lt;br /&gt;
    </textarea>
    </div>



    test here

    http://jsfiddle.net/cadsii/9umGN/
     
    cadsii, May 8, 2013 IP
  4. sourabhkejriwal

    sourabhkejriwal Member

    Messages:
    85
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #4
    thanks for replying but this is not working.....the {br/} is present in the text box and it is getting copied with the facebook chat codes and display with the smiley in facebook chat........this is what I am looking to get:
    symbols-n-emoticons.com//2012/09/facebook-smiley-giving-rose.html
     
    sourabhkejriwal, May 10, 2013 IP