Я работаю над программой инвентаризации, в которой сотни изображений разбросаны по окну Windows 10.Идея состоит в том, что когда пользователь нажимает на изображение, информация об этом устройстве / изображении должна быть представлена в меньшем окне.Мне удалось, чтобы все юниты имели уникальные и идентификаторы.Все работает, пока пользователь не нажмет на изображение.На этом этапе независимо от того, что я делаю, JavaScript игнорирует неопределенную функцию размещения событий.Я боролся с этим в течение 2 недель и, наконец, должен признать, что мне нужна помощь.Я включил части кода, надеясь помочь другим помочь мне.
Я использовал несколько событий, таких как mouseover, onmouseover, mousedown, onclick, onClick и так далее.Я сократил обработчики до ничего, кроме возврата и все еще не определен.Надеюсь, я дал достаточно информации, потому что мне действительно нужна помощь.
<!DOCTYPE html>
<html lang="EN" >
<head>
<title>Jason Taylor Las Vegas Ability Center Inventory Control Chart</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/jszip.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="js/scripts.js"></script>
<style>
div {
float:left
id:UnitSym
height:100px;
width:100px;
}
</style>
</Head>
<body>
<script>
// 88888888888888888888888888888888888888888888888888888888888888888888
// SOME DATA DEFS
// PART OF <IMG> Tag array -UnitSymbol[0]=code for symbol-
//UnitSymbol[0] [1]=Corresponding base for <IMG> tag
UnitSymbols[0][0] = 000 ; // AMS,Other
UnitSymbols[0][1] = "<img id='Nii' height=100 src=images/i000.jpg alt=Unit identity symbol > " ;
UnitSymbols[1][0] = 001 ; // AMS,Other over
UnitSymbols[1][1] = "<img id='Nii' height=100 src=images/i001.jpg alt=Unit identity symbol > " ;
// 888888888888888888888888888888888888888888888888888888888888888888888
// BUTTON HANDLER
function DetReq(Inum) { // Inum is Image Id for Unit detail request
// DETAIL REQUEST FUNCTION
document.write("@ button handler ");
}
// 888888888888888888888888888888888888888888888888888888888888888888888
function UnitSymOut(InvInput,n) {
// Unit symbol output function
// Input is Inventory list and Unit number / Output of Built IMG Tag for unit and button for detail request
// symbol tag - locater symbol code in "j"
k = 0 ;
while(k < UnitSymbols.length) {
// FIND SYMBOL <IMG> tag
if (UnitSymbols[k][0] == j) {
DispWin.document.write("<div id=UnitSym style='float:left'>");
DispWin.document.write("<table cols=1 width=80 rules=none><TR><TD align=center>");
ImageId = UnitSymbols[k][1] ; // Attach Image Id to Image Tag
d=n+1000;
num = d.toString() ;
Inum = "N" + num ;
ImageId = ImageId.replace("Nii", Inum);
Bnum = "B" + num ; // Compute Button Id
DispWin.document.write("<button id=Bnum onClick='DetReq(Inum)'>");
DispWin.document.write(ImageId) ;
DispWin.document.write("</button>");
DispWin.document.write("</TD></TR></TABLE>");
DispWin.document.write("</div UnitSym>");
}
k++ ;
}
return;
}
</script>
</body>