IMPORTANT 1: I will only consider bidders that have read the entire description and in the bid gives a relevant comment about this specific project. BIDS WITH STANDARD TEXT WILL BE DELETED!
One or two web programmers are needed for creating a new web service.
This project is a tiny test-project to find the most suited candidate. Hopefully, that is you!
This test-project is as follows:
Create a script that highlights text sections on a webpage and also lets the user edit the text in the following way:
When a mouse hovers over a text-section, the text background-color changes for this text section, and a dialog box opens below (or above, if needed) and lets the user change the text. When the dialog box is closed, the edited text is now shown on the webpage.
Simply put, a text section is any piece of text that does not contain any html-tags.
So, for example, this small piece of html-code:
<div>You are <b>wanted</b>. Do you want to join? <button>YES</button></div>
You could solve this as 4 text sections: 1: You are 2: wanted 3: . Do you want to join? 4: YES
If you want, you can solve the b-tag (and the tags i, em and strong) as a special case where html is allowed in the text. Then the above example would contain two sections of text: 1: You are <b>wanted</b>. Do you want to join? 2: YES
But this script should handle an entire webpage this way. And remember, it is just a test, so no need to handle strange cases, just do it as quickly and easily as possible!
To see your test in action, create a minimal chrome extension, so it can be manually uploaded to the chrome browser just for this test to see your script at work on different websites.
IMPORTANT 3: The speed you do this test is the most important part. This is not about making a perfect functional script, it is about speed solving this test good enough (perfect is bad in this case!). If the script works "80%", then all is good. Are you in doubt, or think you can do it quicker by changing something in the project specification, just ask! Develop fast and brake things!