Son kullanma tarihi geçmiş, bayatlamış bir tarayıcı kullanıyorsanız, Mercedes kullanmak yerine tosbağaya binmek gibi... Web sitelerini düzgün görüntüleyemiyorsanız eh, bi' zahmet tarayıcınızı güncelleyiniz. Modern Web standartlarını karşılayan bir tarayıcı alternatifine göz atın.
Vanilla js öyle. html dom'u manüpüle etmekte kullanılıyor. Ancak nodejs veya deno ile backend vb. başka işlerde de kullanılabiliyor. Çok geniş kapsamlı bir dil.
Aynen, js ile data-index değerini döndürmen lazım sunucuya.Jquery kullanıyosan direkt şöyle yapabilirsin.
$(".resim-class-ismi").on("click", function (event){
$.ajax({
url:"sunucu-url",
type:"post",
data: {
"index":this.dataset.index,
}...
Hmm ozaman daha basit. O resim elementlerinin içine data özelliği koy. Örnek:
<img src="..." data-index="1">
<img src="..." data-index="2">
<img src="..." data-index="3">
Sonra da sunucu tarafına direkt bu data değerini döndür. Kolayca hangi resme tıklandığını anlarsın.
Hocam ne yapmak istediğinizi anlamadım ben tam olarak. Dediğim gibi html içerisinde bodynin en altına bir script tagı açın.
document.getElementById("resim-id").addEventListener("click", function (event){
fetch('request-yapılacak-url', {
method: 'post',
headers: {...
Hocam javascript ile koordinatı alıp fetch api GET veya POST request yaparak koordinatları gönderin flask tarafına.
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientX
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
Başarılar dilerim.