Add an emoticon on the message board

Adding an emoticons on the message board means clicking the emoticons button. a box similar to a QQ emoticons will pop up. how is this done? Is it necessary to use plug-ins ?? I have a plug-in, portraitselect.htm, but I don't know how to use it. who has similar code? please send it to me !! Thank you for choosing the best solution -------------------------- add emoticon on the message board
Just click the emoticons button and a box similar to the QQ emoticons will pop up. how is this done?
Is it necessary to use plug-ins ?? I have a plug-in, portraitselect.htm, but I don't know how to use it,

Who has similar code? send it to me !! Thank you!
------ Best solution --------------------
I can help you use jquery plugin.

 
  

  

  
   

   -
   

   
    
Script
    

    
     
(Function ($ ){
     
// Renewal method
     
$. Pop = function (_ this, _ type, _ mess, _ P, _ tim, _ script ){
     
$ ("# P_o"). remove ();
     
If (_ type ){
     
Var Loc;
     
If (typeof (_ this) = 'object '){
     
_ This = _ this;
     
} Else {
     
_ This = "#" + _ this;
     
}
     
If (! _ This) {return ;}
     

     
Try {
     
Loc = $ (_ this). offset ();
     
_ T = Loc. top;
     
Owner detail (_this).css ("width ");
     
} Catch (e ){}
     

     
Popcss ='
     
      
';
      
Popcss + = '# p_o {width: auto; left:' + Loc. left + 'px; background-color: # ECECCA; border: 1px solid # B39F82; padding: 1px; position: absolute; display: block; z-index: 9999; opacity: 0.95 ;}';
      
Popcss + = '# p_o div {background-color: # fefefeea; padding: 2px ;}';
      
Popcss + = '# p_o. I {background: url ("/img/pop.gif") no-repeat scroll 0 0 transparent ;}';
      
Popcss + = '# p_o. r {word-wrap: break-word; padding: 5px; margin: 0; line-height: 20px; color: # AF7132 ;}';
      
Popcss + ='';
      

      
$ ("Body"). prepend (''+ popcss +'
      
        '+ _ Mess +'
       
');
       

       
_ T = _ T + parseInt ($ ("# p_o" ).css ("height")/2;
       
$ ("# P_o" ).css ("top", _ T );
       
If (_ tim) {window. setTimeout ('$ ("# p_o"). remove ();', _ tim );}
       
If (_ script) {eval ("(" + _ script + ")");}
       
} Else {
       
$ ("# P_o"). remove ();
       
}
       
}
       
}) (JQuery)
       

       

       

       
$ (Function (){
       
$ ('# C1'). click (function (){
       
_Img1_1_('{img'}.html ();
       
$. Pop ($ (this), 'show', _ img );
       
})
       

       
$ ('# C2'). click (function (){
       
$ ('# T1'). attr ('readonly ');
       
})
       
});
       
Script
       

       

       

       

       
        

        

        

        

        

       
      
     
    
   
  
 

------ Other solutions --------------------
Var someValue = window. showModalDialog ();
Returns the value of the returned value to the corresponding text box.

------ Other solutions --------------------
You can use fckeditor to customize your expressions.
------ Other solutions --------------------
Reference:

Var someValue = window. showModalDialog ();
Returns the value of the returned value to the corresponding text box.

This works.
There are many ways to do this. Don't be limited by QQ expressions. just get a div and arrange the version. you can perform operations based on js.
------ Other solutions --------------------
Thank you. the method on the 4th floor can show the picture, but you can check the picture for me.
------ Other solutions --------------------
I also want to learn this. can I teach you?
------ Other solutions --------------------
Null