Hover on image to show info, nd be able to click on it to open main link that is i my code

[hendrikbez]

Need info on doing the following

This is my php code, it is working, but not how I like it to work.

At the moment when I hover on the image, it is showing the link that is in my code.

But I need it to still show the link, while I still can click on different places on the image to see the info that is there for that image when I hover over it. (there is a line and an circle that can move around when you hover over it, it shows the date and time. when you move in the image.)

See picture.

<td>
	<?php
		$checkSqlRow["CHART"] = strtolower($checkSqlRow["CHART"]);
		$domains   = [  "babydb"           => "tradingview.com/chart/P250uj0B/?symbol=BINANCE%3ASHIBBUSD"
					 ];
				if ($checkSqlRow["CHART"] == "babydb") 
			{
				echo "<a href='https://www.{$domains[$checkSqlRow["CHART"]]} 'style='color:lime' target='_blank' >
			<div class='livecoinwatch-widget-1' lcw-coin='babydb' lcw-base='usd' lcw-period='d' lcw-color-tx='#FFFF00' lcw-color-pr='#58c7c5' lcw-color-bg='#1f2434' lcw-border-w='1' lcw-digits='9' ><br></div>$chart</a>";			
			}
	?>	
</td>	

 

[ginerjm]

Are you saying that you have one image which you want to have multiple 'hot spots' that respond to clicks of their own?

[hendrikbez]

yes that is what I need, is is working when I do not have javascript in my php, but when I add my javascript in the php, it only let me click and open that one link

[ginerjm]

How do you get multiple hot spots?

What Javascript?  You didn't mention that

You can only click and open that one link because that is all you are putting on the page.

Edited August 11, 2022 by ginerjm

[hendrikbez]

I have found the problem, it works, but when I sort it then it is not working, but I can live with this,  Thank you