Stampare una variabile come parte di un path

[zell]

Vi spiego qualè il mio problema
ho una serie di righe in un database, per ogni riga voglio creare un link che ha come action una funzione javascript con un solo parametro che è sempre uguale al numero della riga, cioè:

 <?
require('dati.php'); 
$link = mysql_connect( $dbhost, $dbuser, $dbpass )or die (mysql_error()); 
mysql_select_db ($database); 
$tutto="SELECT * FROM macroevento"; 
$query = mysql_query ($tutto,$link) or die ( "Non riesco ad eseguire la richiesta tutto".mysql_error());     
$n=1; 
while($valori = mysql_fetch_array ($query)){                         ?>                         
<a href="javascript:cambia(<? print $n; ?>)" onClick="this.blur()"> 
<div class="titoloevento"> 


<? print $valori["titolo"]; ?></p> [img]images/frecciagiu.gif[/img]" />     
</div> 
</a>     
<div id="eventi<? print $n; ?>" class="eventi" style="display:none">     
ciao
</div> 

<? 
$n++; 
} 
?>

questo codice è immerso in una pagina php
ora sto scrivendo la funzione cambia(n), il problema è il seguente:

function cambia(n){ 
var xmlHttp; 
xmlHttp = assegnaXMLHttpRequest(); 
xmlHttp.open("POST",'toteventi.php',true); 	
xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
xmlHttp.send(''); 
xmlHttp.onreadystatechange=function(){ 
var domRisposta ;
var textToHtml; 
if(xmlHttp.readyState==4){ 	
if(xmlHttp.status == 200){ 
var eventotal=xmlHttp.responseText; 
for(i=0;i<eventotal.length;i++){ 
if (n==i) { 
if (numero[i]==0){ 
numero[i]=1; 
document.images.freccia1.src="images/frecciasu.gif"; 
document.getElementById('eventi'+i).style.display = ''; 
}else{ 
numero[i]=0; 
document.images.freccia1.src="images/frecciagiu.gif"; 									document.getElementById('eventi'+i).style.display = 'none'; 
} } 
} } } }
}

in pratica ho uno script php che mi restituisce il numero di righe del database
poi per ogni riga quindi controllo che se uno clicca su un determinato link con un numero (per esempio 2) allora cambia la freccia associata al document.images.freccia2.src="...";

il problema è che non riesco all'interno di quel for a cambiare l'id della freccia2
cioè vorrei che lui in automatico mi cambiasse document.images.freccian.src
ho provato con un array che conteneva: freccia1, freccia2, freccia3
ma se metto document.images.frecce[i].src="..."
non funziona...come posso risolvere?

Grazie

Daniele

[artorius]

al posto di document.images.freccia1.src="images/frecciagiu.gif";

Fai:

document.getElementsByName('freccia'+i)[0].src="images/frecciagiu.gif";

[zell]

grazie mille
che stupido!