Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New Coder
    Join Date
    Aug 2012
    Thanked 0 Times in 0 Posts

    Is This Possible?

    I was wondering if there is anyway that i can replace a word like :/)(without the slash) to somthing like this in my chat. What i want is when a user posts a smile code as above, it shows up as a smile

    here is my page code

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <meta name="google-site-verification" content="V-MlKGWPoAzJ_-vfEsEZFg92geK_hsIr53hVfcy8ydg" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>TestChat Page</title>
        <link rel="stylesheet" href="style.css" type="text/css" />
    	<link rel="stylesheet" href="ol.css" type="text/css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript" src="chat.js"></script>
        <script type="text/javascript">
            // ask user for name with popup prompt    
            var name = prompt("Enter your username:", "Userrname");
            // default name is 'Username'
        	if (!name || name === ' ') {
        	   name = "username";	
        	// strip tags
        	name = name.replace(/(<([^>]+)>)/ig,"");
        	// display name on page
        	$("#name-area").html("You are: <span>" + name + "</span>");
        	// kick off chat
            var chat =  new Chat();
        	$(function() {
        		 // watch textarea for key presses
                 $("#sendie").keydown(function(event) {  
                     var key = event.which;  
                     //all keys including return.  
                     if (key >= 33) {
                         var maxLength = $(this).attr("maxlength");  
                         var length = this.value.length;  
                         // don't allow new content if length is maxed out
                         if (length >= maxLength) {  
        		 // watch textarea for release of key press
        		 $('#sendie').keyup(function(e) {	
        			  if (e.keyCode == 13) { 
                        var text = $(this).val();
        				var maxLength = $(this).attr("maxlength");  
                        var length = text.length; 
                        // send 
                        if (length <= maxLength + 1) { 
        			        chat.send(text, name);	
                        } else {
        					$(this).val(text.substring(0, maxLength));
    <meta name="Generator" content="Serif WebPlus X6 (">
    <meta name="vieort" content="width=1000">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <style type="text/css">
       body{padding:20px; font-size:14px; background-color:#454545; font-family:Arial, Helvetica, sans-serif;}
       h2 {font-weight:bold; color:#000099; margin:10px 0px; }
       p span {color:#006600; font-weight:bold; }
       a, a:link, a:visited {color:#0000FF;}
       textarea {width: 100%; padding: 10px; margin: 10px 0 15px 0; font-size: 13px; font-family: Consolas,monospace;}
       textarea.html {height: 300px;}
       p {margin: 0 0 10px 0;}
       code, pre {font-family: Consolas,monospace; color: green;}
       ol li {margin: 0 0 15px 0;}
    <body onload="setInterval('chat.update()', 1000)">
        <div id="page-wrap">
    		<form name='form1'><input type='button' value="Lobby" onClick="self.location='#'" class="btn">&nbsp;<form name='form1'><input type='button' value="Records" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/js_chat//'" class="btn">&nbsp;<form name='form1'><input type='button' value="Servers" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/servers/'" class="btn">&nbsp;<form name='form1'><input type='button' value="Site/Law" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/site/'" class="btn">&nbsp;</form>
            <p id="name-area"></p>
            <div id="chat-wrap"><div id="chat-area"></div></div>
            <form id="send-message-area">
                <p><font size="5">Message: </font></p>
                <textarea id="sendie" maxlength = '225' ></textarea>
    Last edited by Hydrian; 08-23-2012 at 12:07 PM.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts