{"id":34313,"date":"2023-03-04T10:10:06","date_gmt":"2023-03-04T04:40:06","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/"},"modified":"2023-03-04T10:10:06","modified_gmt":"2023-03-04T04:40:06","slug":"solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/","title":{"rendered":"[Solved] Highlight ping if the user is in the chatroom, Javascript"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

What you can do, is keep a list of usernames on the clients and server (give to new clients connecting), and then check if that username is in that list, if so then highlight the ping.<\/p>\n

The code I got was:<\/p>\n

function highlight(message){\n    if(message == \"\") {\n        return message\n    }\n    let mentions = message.match(\/@\\b([A-Za-z0-9]+)\\b\/g)\n    if (mentions === null) { return message }\n    for (i = 0; i < mentions.length; i++) {\n        let mention = mentions[i].substring(1)\n        if(sesskx.has(mention)) {\n            message = message.replace(mentions[i], `<span class=\"name-color\">@${mention}<\/span>`)\n        }\n    }\n    return message\n };\n<\/code><\/pre>\n
Explaination:<\/h1>\n
    \n
  1. It takes the message, and finds all mentions<\/li>\n
  2. it loops over all mentions<\/li>\n
  3. if the mention is in current users it highlights it<\/li>\n<\/ol>\n
    EDIT: repl link: https:\/\/repl.it\/@Codemonkey51\/Froggy-Chatroom<\/a><\/p>\n<\/p><\/div>\n
    <\/div>\n<\/div>\n
                12<\/span> <\/p><\/div>\n<\/div>\n
    [ad_2]<\/p>\n
    solved Highlight ping if the user is in the chatroom, Javascript <\/p>\n","protected":false},"excerpt":{"rendered":"
    [ad_1] What you can do, is keep a list of usernames on the clients and server (give to new clients connecting), and then check if that username is in that list, if so then highlight the ping. The code I got was: function highlight(message){ if(message == “”) { return message } let mentions = message.match(\/@\\b([A-Za-z0-9]+)\\b\/g) … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[346,333],"class_list":["post-34313","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript"],"yoast_head":"\n[Solved] Highlight ping if the user is in the chatroom, Javascript - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Highlight ping if the user is in the chatroom, Javascript - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] What you can do, is keep a list of usernames on the clients and server (give to new clients connecting), and then check if that username is in that list, if so then highlight the ping. The code I got was: function highlight(message){ if(message == "") { return message } let mentions = message.match(\/@b([A-Za-z0-9]+)b\/g) ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-04T04:40:06+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Highlight ping if the user is in the chatroom, Javascript\",\"datePublished\":\"2023-03-04T04:40:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\"},\"wordCount\":97,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\",\"name\":\"[Solved] Highlight ping if the user is in the chatroom, Javascript - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-03-04T04:40:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Highlight ping if the user is in the chatroom, Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Highlight ping if the user is in the chatroom, Javascript - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Highlight ping if the user is in the chatroom, Javascript - JassWeb","og_description":"[ad_1] What you can do, is keep a list of usernames on the clients and server (give to new clients connecting), and then check if that username is in that list, if so then highlight the ping. The code I got was: function highlight(message){ if(message == \"\") { return message } let mentions = message.match(\/@b([A-Za-z0-9]+)b\/g) ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/","og_site_name":"JassWeb","article_published_time":"2023-03-04T04:40:06+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Highlight ping if the user is in the chatroom, Javascript","datePublished":"2023-03-04T04:40:06+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/"},"wordCount":97,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/","url":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/","name":"[Solved] Highlight ping if the user is in the chatroom, Javascript - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-03-04T04:40:06+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-highlight-ping-if-the-user-is-in-the-chatroom-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Highlight ping if the user is in the chatroom, Javascript"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/34313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=34313"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/34313\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=34313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=34313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=34313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}