Changing Text Color of a script

Discussion in 'JavaScript' started by Romik84, Mar 31, 2010.

  1. #1
    Hi,

    I have code:

    <b id="chat_status"></b>
    
    <script>
      function updateStatus(s) {
        document.getElementById('chat_status').innerHTML = s;
      }
      $zopim.livechat
        .setOnStatus(updateStatus)
    </script>
    Code (markup):
    this function shows on my website ONLINE or OFFLINE text in the 'chat_status' tag when I am online or offline on my PC. Is possible to show different color of the text ONLINE and OFFLINE depending if I am online or offline? Thanks.
     
    Romik84, Mar 31, 2010 IP
  2. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #2
    You can do it using document.getElementById('chat_status').style.color like this:

    document.getElementById('chat_status').style.color = #FF0000;
    Code (markup):
     
    s_ruben, Mar 31, 2010 IP
  3. Romik84

    Romik84 Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    this unfortunately doesn't work for me :(
     
    Romik84, Mar 31, 2010 IP
  4. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #4
    Why? Is there any error? Can you write here full script?
     
    s_ruben, Mar 31, 2010 IP
  5. Romik84

    Romik84 Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    nothing shows...

    <b id="chat_status"></b>

    <script>
    function updateStatus(s) {
    document.getElementById('chat_status').innerHTML = s;
    document.getElementById('chat_status').style.color = #FF0000;
    }
    $zopim.livechat
    .setOnStatus(updateStatus)
    </script>
     
    Romik84, Mar 31, 2010 IP
  6. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #6
    But does it show the char "s" in <b id="chat_status"></b>?
     
    s_ruben, Mar 31, 2010 IP
  7. Romik84

    Romik84 Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #7
    when I open source I see same as that code.

    <b id="chat_status"></b>
    Code (markup):
     
    Romik84, Mar 31, 2010 IP
  8. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #8
    Can you explain me what does it mean:
    $zopim.livechat
    .setOnStatus(updateStatus)

    ???
     
    s_ruben, Mar 31, 2010 IP
  9. Romik84

    Romik84 Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #9
    it shows the status if I am online or offline on my IM
     
    Romik84, Mar 31, 2010 IP