Add an emoji picker on button click with javascript

I need a short/simple custom written java script code (3-5 lines only), to display my emoji gallery so i can pick a emoji to add/embed to my text field form.

NOTE: No API, or url add-ons, just pure java script only. If possible I'm interested to use a CSS only solution. Also needed to be capability on all browsers.

1) first, click emoji button (right); makes emoji gallery appear overlay.

(suggestion my .emoji-gallery div overlay appears softly using opacity transition css function via JS)

2) then once appeared, each dim emoji on mouse hover will appear move clear (see emoji top right)

3) Once clicked, the selected emoji appears in the form text field (right)

Note, if chatline is already written in text field, it will add emoji icon to the selected position within text string. (note chatline disappears once click may need to be fixed?)

Once the solution is reached and employed, A follow up project will be posted to continue the embedding of text lines from outside of this page etc. If Your solution is short, simple, and easy to use then you will be hired for the followup projects.

I have attached my html example page (below) for you to look over. If you think you can the skills to achieve & finish the task here, please contact me for any more further questions or details before hiring...

Taidot: JavaScript, jQuery / Prototype, CSS, PHP, HTML5

Näytä lisää: one signal emoji picker, emoji picker textarea, angular-emoji picker demo, emoji button js, react emoji picker, javascript emoji github, responsive emoji picker, javascript emoji picker, add text field button click ajax, php add anchor textarea button javascript, javascript button click autoit, button add bold selectected text textarea javascript, add dynamic combo box single button click php, javascript date picker unable click date todays date, javascript button click command, add button xml javascript, add play button swf javascript, add text button click javascript jsp, button click dropdown menu javascript, call javascript button click

Tietoa työnantajasta:
( 0 arvostelua ) United States

Projektin tunnus: #27573125

15 freelancers are bidding on average $407 for this job


Hello, I am an experienced designer and full stack developer and I can add the emojis through java script according to the instructions that you have given. Let's discuss the details on chat. You can view my work on t Lisää

$400 USD 7 päivässä
(171 arvostelua)

Hello there I dont see the html snippet that required to add the emoji selector, would you mind to resend the file here? Do you use 3d party emoji or using unicode utf8 emoji library? let me know in advanced Ngan Le

$350 USD 3 päivässä
(496 arvostelua)

Hello, I understand the requirement and can display the emoji gallery with custom JavaScript code with all of the key points mention in description. We are Professional 8+ years experienced developers and designers wi Lisää

$750 USD 7 päivässä
(113 arvostelua)

Validcode is a dynamic and fast-moving company in Web/Mobile designing and development world-wide and has proven itself to be one of the best in markets. Validcode have served customers from USA , Canada , Germany , U Lisää

$500 USD 7 päivässä
(37 arvostelua)

Hello, I am a perfect web developer having 6 years of experience. I have understood all the requirements and I am available to start work asap. I am sure that my work will be amazing. Please see our creative work here Lisää

$300 USD 2 päivässä
(25 arvostelua)

Hi I think you have missed to attach the HTML page, but you can send me so that I can understand your requirements. Please send me a message for discussion. I can provide solution in CSS. My skills are: CodeIgniter | C Lisää

$300 USD 10 päivässä
(17 arvostelua)

HELLO, Hi I have read your requirement carefully. I hope to do well. I am a PHP and Codeigniter/Laravel and Hybrid Mobile(IONIC & ANGULAR JS) development expert who loves to code. I have experience of 5+ years, I have Lisää

$300 USD 2 päivässä
(6 arvostelua)

Hi there, I can help you now please send me message to discuss more Thanks Kaiwen

$500 USD 5 päivässä
(14 arvostelua)

Sorry, can't see the html page attached, can you please send it to me? I have experience in CSS animation, and I have a lot of experience in JavaScript, I will help you to make that surely.

$450 USD 3 päivässä
(6 arvostelua)

Hey!, I’ve carefully checked your requirements and really interested in this job. I’m awesome creative designer working at small-scale to large scale designs as a lead designer with U.S. and European teams. I have re Lisää

$555 USD 24 päivässä
(2 arvostelua)

** Can start immediately once you hire me. Hello, I am an experienced mobile app developer with an experience of 5+ years. I’m pretty confident that I will be able to create your app as required. I am an expert in Lisää

$450 USD 9 päivässä
(2 arvostelua)

Hello Sir! How are you ? I've 11 years experienced in developing field. And I checked your task description and very interested in this project. Dear Client, I am expertise in php, core php, CMS, HTML5, CSS3, bootstrap Lisää

$500 USD 7 päivässä
(0 arvostelua)

Hey, I am a web developer with over 2 years of experience working with HTML, CSS and JavaScript, I have strong grasp with JS and I will do your task efficiently and in less time Contact me and I will start working imme Lisää

$250 USD 7 päivässä
(0 arvostelua)

Hello, This is a interesting opportunity. I believe that competence and skills are always tested through demonstrations. Get in contact and I will show you the efficiency you are looking for. I will be looking forw Lisää

$250 USD 7 päivässä
(0 arvostelua)

Dear Sir/Madame I can do this task as a peace of cake I have 3 years experience in JavaScript and ES6, Jquery and Python , any JavaScript task like your task can be done less than one 1 day

$250 USD 1 päivässä
(0 arvostelua)