Ho una serie di gif che si muovono trascinandole con il mouse sulla mia pagina web.Ora vorrei,in output,in una finestra alert visualizzare il nome della gif a cui ho cliccato.Posto il mio codice(ho inserito dei commenti dove ho bisogno di visualizzare il nome della gif):
<html>
<head>
<title>
Sliding Image
</title>
<script language="JavaScript">
var piece = new Array(8);
var currentx = 3;
var currenty = 3;
var currentimg = 0;
function move(x,y){
var dx = [-1,0,1];
var dy = [-1,0,1];
for(i=0;i<3;i++){
for(j=0;j<3;j++){
if( x+dx[i]>0 && x+dx[i]<4 && y+dy[j]>0 && y+dy[j]<4 && !(dx[i]==0 && dy[j]==0) ){
if( x+dx[i] == currentx && y+dy[j] == currenty && (dx[i]==0 || dy[j]==0)){
/* Perform the move */
var element = document.getElementById( "tr"+ x + "td" + y);
var currElement = document.getElementById( "tr"+ (currentx) + "td" + (currenty));
var temp = element.innerHTML;
var temp1 = currElement.innerHTML;
element.innerHTML = temp1;
currElement.innerHTML = temp;
currentx = x;
currenty = y;
//Qui vorrei ottenere in ouput il nome della gif a cui faccio riferimento
//alert(document.images[x*y].src);
//alert(document.getElementById("uno"));
}
}
}
}
}
</script>
<table border=2>
<tr id="tr1">
<td id="tr1td1" onclick=move(1,1)>
[img].\icons\1.gif[/img]
</td>
<td id="tr1td2" onclick=move(1,2)>
[img].\icons\2.gif[/img]
</td>
<td id="tr1td3" onclick=move(1,3)>
[img].\icons\3.gif[/img]
</td>
</tr>
<tr id="tr2">
<td id="tr2td1" onclick=move(2,1)>
[img].\icons\4.gif[/img]
</td>
<td id="tr2td2" onclick=move(2,2)>
[img].\icons\5.gif[/img]
</td>
<td id="tr2td3" onclick=move(2,3)>
[img].\icons\6.gif[/img]
</td>
</tr>
<tr id="tr3">
<td id="tr3td1" onclick=move(3,1)>
[img].\icons\7.gif[/img]
</td>
<td id="tr3td2" onclick=move(3,2)>
[img].\icons\8.gif[/img]
</td>
<td id="tr3td3" onclick=move(3,3)>
</td>
</tr>
</table>
</head>
</html>
Rispondi quotando
