PHP Emote Chat help

Hydrian · August 22, 2012

Ive made a chat room and i am looking to add emotes, but everything ive looked at dosent provide me with everything. If anyone can help me with this that would be great.

This is the script i have so far. If you can help me make it so that when i type those :/) or :/D it makes the chat but instead of having the :/D or :/) it has the .

function Smilify(&$subject)
{
    $smilies = array(
        ':|'  => 'mellow',
        ':-|' => 'mellow',
        ':-o' => 'ohmy',
        ':-O' => 'ohmy',
        ''  => 'ohmy',
        ''  => 'ohmy',
        ''  => 'wink',
        ';-)' => 'wink',
        ''  => 'tongue',
        ':-p' => 'tongue',
        ''  => 'tongue',
        ':-P' => 'tongue',
        ''  => 'biggrin',
        ':-D' => 'biggrin',
        ''  => 'cool',
        '8-)' => 'cool',
        ''  => 'smile',
        ':-)' => 'smile',
        ''  => 'sad',
        ':-(' => 'sad',
    );

    $sizes = array(
        'biggrin' => 18,
        'cool' => 20,
        'haha' => 20,
        'mellow' => 20,
        'ohmy' => 20,
        'sad' => 20,
        'smile' => 18,
        'tongue' => 20,
        'wink' => 20,
    );

    $replace = array();
    foreach ($smilies as $smiley => $imgName)
    {
        $size = $sizes[$imgName];
        array_push($replace, '<img src="imgs/'.$imgName.'.gif" alt="'.$smiley.'" width="'.$size.'" height="'.$size.'" />');
    }
    $subject = str_replace(array_keys($smilies), $replace, $subject);
}

trq · August 22, 2012

Pardon?

Hydrian · August 22, 2012

What i want to do is have when a user types a emote such as it comes up as the emote image. Is there any way of doing that?

Adam · August 22, 2012

What's not working?

Hydrian · August 22, 2012

I want to put $message = str_replace("", "<img src="..." />", $message) in this script so i will make emotes, but i think i need to change my javascript. Can you show me where to put it and what to change please?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta name="google-site-verification" content="V-MlKGWPoAzJ_-vfEsEZFg92geK_hsIr53hVfcy8ydg" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>McOfficialRecords | Creating the best</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() {
    	
    		 chat.getState(); 
    		 
    		 // 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) {  
                         event.preventDefault();  
                     }  
                  }  
    		 																																																});
    		 // 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);	
    			        $(this).val("");
    			        
                    } else {
                    
    					$(this).val(text.substring(0, maxLength));
    					
    				}	
    				
    				
    			  }
             });
            
    	});
    </script>

<meta name="Generator" content="Serif WebPlus X6 (14.0.0.020)">
<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;}
</style>
</head>
<body onload="setInterval('chat.update()', 1000)">

<h3>
	McOfficialRecords | <a href="http://www.mcofficialrecords.co.cc/forum/viewtopic.php?f=9&t=5" title="Full Chat Rules" target="_blank">Read Full Chat Rules</a> - opens in new window</li>
</h3>
</div>
<br><br><br>
    <div id="page-wrap">
    
        <h2>
	<form name='form1'><input type='button' value="Lobby" onClick="self.location='#'" class="btn"> <form name='form1'><input type='button' value="Records" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/js_chat//'" class="btn"> <form name='form1'><input type='button' value="Servers" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/servers/'" class="btn"> <form name='form1'><input type='button' value="Site/Law" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/site/'" class="btn"> </form>
	</h2>
        
        <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>
        </form>
    
    </div>
<br><br>
</body>
</html>

Adam · August 22, 2012

When did JavaScript come into this? str_replace is a PHP function. You would need to use JavaScript's String replace() method. Although with a standard textarea, all the user will see is the HTML (not the image), and then you'll end up storing it in the DB. Just replace it server-side using PHP as you output the text.

If you have an issue with your PHP, please clearly explain what's not working.

Hydrian · August 22, 2012

Im confused, but i use javascript in the chat, i want to have the emotes to show and when clicked or when typed they show instead of the chars

Adam · August 22, 2012

Why did you post a load of PHP code then? Looks like you're using a Chat object to send it. Could you post the code for that..

Hydrian · August 22, 2012

Here you go. This is just the script for the chat.

  <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() {
    




    





chat.getState(); 
    






    





// 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) {  
                         event.preventDefault();  
                     }  
                  }  
    







































































































});
    





// 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);




    







        $(this).val("");
    







        
                    } else {
                    
    











$(this).val(text.substring(0, maxLength));
    












    









}




    










    










    







  }
             });
            
    



});
    </script>

<meta name="Generator" content="Serif WebPlus X6 (14.0.0.020)">
<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;}
</style>
</head>
<body onload="setInterval('chat.update()', 1000)">



<h3>





McOfficialRecords | <a href="http://www.mcofficialrecords.co.cc/forum/viewtopic.php?f=9&t=5" title="Full Chat Rules" target="_blank">Read Full Chat Rules</a> - opens in new window</li>



</h3>



</div>



<br><br><br>
    <div id="page-wrap">
    
        <h2>





<form name='form1'><input type='button' value="Lobby" onClick="self.location='#'" class="btn"> <form name='form1'><input type='button' value="Records" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/js_chat//'" class="btn"> <form name='form1'><input type='button' value="Servers" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/servers/'" class="btn"> <form name='form1'><input type='button' value="Site/Law" onClick="self.location='http://www.mcofficialrecords.co.cc/chat/site/'" class="btn"> </form>





</h2>
        
        <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>
        </form>
    
    </div>

Adam · August 22, 2012

Is that a joke?? You've just posted the same code, but with about 10 lines of white-space between each line..

Hydrian · August 23, 2012

Adam that is the code iv made to write my chat.

Sign In

PHP Emote Chat help

Recommended Posts

Hydrian

Link to comment

Share on other sites

trq

Link to comment

Share on other sites

Hydrian

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

Hydrian

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

Hydrian

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

Hydrian

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

Hydrian

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information