Build me two modules in php with mysql
Budget: ₹100 – ₹400 INR
Scope of Work
There are two modules in this
Source File will be a Map , in jpg format.
Module A : Recorder
You have been assigned to develop a php script with javascript to create a utility to record coordinates on image location,
the coordinates are to be saved in a mysql database table.
The program must ask for href ,hyperlink to open when clicked on the hotspot region
The two inputs have to be saved in the table,which the module B will use
Module B : Player
Module B is responsible to read the table and generate html script using the co-ordinates saved by Module A.
The Output will be a HotSpot on a image location , and when the user click on the coordinates a popup will be shown on the same page and href will be loaded in the popup
Example :
https://www.w3schools.com/html/html_images_imagemap.asp
<!DOCTYPE html>
<html>
<body>
<h2>Image Maps</h2>
<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
</body>
</html>
Please find the attachment image file .
Using your program when we click on point 35 can we open a popup with url (35.htm) in the same page
this is the requirement
There are two modules in this
Source File will be a Map , in jpg format.
Module A : Recorder
You have been assigned to develop a php script with javascript to create a utility to record coordinates on image location,
the coordinates are to be saved in a mysql database table.
The program must ask for href ,hyperlink to open when clicked on the hotspot region
The two inputs have to be saved in the table,which the module B will use
Module B : Player
Module B is responsible to read the table and generate html script using the co-ordinates saved by Module A.
The Output will be a HotSpot on a image location , and when the user click on the coordinates a popup will be shown on the same page and href will be loaded in the popup
Example :
https://www.w3schools.com/html/html_images_imagemap.asp
<!DOCTYPE html>
<html>
<body>
<h2>Image Maps</h2>
<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
</body>
</html>
Please find the attachment image file .
Using your program when we click on point 35 can we open a popup with url (35.htm) in the same page
this is the requirement