Convert javascript code to Mozilla extension that will paste values in input fields

Completed Posted 4 years ago Paid on delivery
Completed Paid on delivery

Need a simple Mozilla extension developed from working HTML +CSS+JS code that I have created. All you have to do is warp this code in a extension. It will be used for personal use, it does not need to be published.

Extension will simply do following :

a. When you left click on input field or textarea ,a popup will be displayed. It should not pop up if you click anywhere else on the webpage.

b. When you click on text item of the popup, the 'HTML data attribute value' for that text will be pasted in the input field/textarea that is in foucs( i.e. the one on which you left clicked) .Please refer the video demo of current working code:

In a browser , there will be always 2 tabs open : one will be static HTML local dashbaord page on desktop. Lets call it 'tab-a' .

Other tab will have http page . Lets call it 'tab-b' .The input fields on this http page need to be populated by the extension.

Here is diagram of tab-a and tab-b:

[login to view URL]

In the current code following things need to be updated:

1. In current javascript code a vaiable var 'msg2 is currently mapped to a div <div id='burl'> on the same demo page

var msg2 = [login to view URL]('burl').innerText;

The change is that extension program should get that div from Static HTML local dashboard page ie. 'tab-a'

If you think you can do this project in your bid please advise how will you grab div from static dash 'tab-a'.

Here is the link to the code: ( In order for it to work , please save a copy of html page on your computer, it does not work on https link )

[login to view URL]

Thanks

+++++++++++++++++++++++++++++

Reference links -

Sample Mozilla extension to paste predefined text into input fields on a webpage

[login to view URL]

I am sure you might be aware of this , but here is some info on how to look up source code of mozilla extension [login to view URL]

CRX mozilla extension source code viewer:

[login to view URL]

JavaScript HTML5 CSS Firefox Plugin

Project ID: #21209057

About the project

9 proposals Remote project Active 4 years ago

Awarded to:

scrufDev

Hello It's me again. I'd be happy to give this a go. The first video link is broken unfortunately, so it's a bit hard to figure out what's needed in the extension.

$27 AUD in 1 day
(35 Reviews)
5.0

9 freelancers are bidding on average $25 for this job

kyleevert

Dear Client! I am very happy to see your project detail. I think it is just my project. :) As you can see in my profile, (my review: https://www.freelancer.com/u/kyleevert?w=f) I have much experience with your job. I t More

$25 AUD in 7 days
(16 Reviews)
5.6
techlinesols6

Dear Prospect Hiring Manager. Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned "I can do th More

$21 AUD in 7 days
(0 Reviews)
0.0
erp88kou

Hi, I've 6+ years of experience in graphic and website designing, with php, java-script, photoshop, word-press, database(mysql) and e-commerce development etc with a bachelor degree of Computer Science Engineering. Pl More

$25 AUD in 7 days
(0 Reviews)
0.0
amdfree

Hi, I have experienced with extension projects. I'll work best to achieve your requirement and to satisfy you. And I'll provide support end of the project also. Please have a chat with me to discuss next step. Thank y More

$30 AUD in 7 days
(0 Reviews)
0.0