Ditutup

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...

Kemahiran: JavaScript, jQuery / Prototaip, CSS, PHP, HTML5

Lihat lagi: 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

Tentang Majikan:
( 0 ulasan ) United States

ID Projek: #27573125

16 pekerja bebas membida secara purata $400 untuk pekerjaan ini

salmanaim

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 Lagi

$400 USD dalam 7 hari
(171 Ulasan)
8.4
BaNgan

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 dalam 3 hari
(495 Ulasan)
7.8
Walkingdreams

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 Lagi

$750 USD dalam 7 hari
(112 Ulasan)
7.3
codetechservices

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 Lagi

$500 USD dalam 7 hari
(37 Ulasan)
5.8
designobsessed

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 Lagi

$300 USD dalam 2 hari
(22 Ulasan)
6.0
sayanbiswas5

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 Lagi

$300 USD dalam 10 hari
(17 Ulasan)
4.8
pankajpatra27

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 Lagi

$300 USD dalam 2 hari
(6 Ulasan)
3.9
alexeygrigorev91

✔️ Senior JS/jQuery, PHP, CSS and HTML Expert Here. ✔️ Hi, Thanks for the opportunity to bid on the project. I read the job description carefully. I am an expert in JS/jQuery, PHP, CSS and HTML with 9 years of experien Lagi

$300 USD dalam 5 hari
(8 Ulasan)
3.7
amarchan9655

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

$500 USD dalam 5 hari
(11 Ulasan)
3.8
StasChetyrbok

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 dalam 3 hari
(5 Ulasan)
3.5
vibhutitech

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 Lagi

$555 USD dalam 24 hari
(2 Ulasan)
3.6
mmodicse

** 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 Lagi

$450 USD dalam 9 hari
(2 Ulasan)
1.0
saadwali001

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 Lagi

$500 USD dalam 7 hari
(0 Ulasan)
0.0
rishusingh0077

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 Lagi

$250 USD dalam 7 hari
(0 Ulasan)
0.0
CarreiraDesign

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 Lagi

$250 USD dalam 7 hari
(0 Ulasan)
0.0
MahmoudHegazi

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 dalam sehari
(0 Ulasan)
0.0