problema javascript firefox

[edoardo88]

ciao a tutti, mi sono appena iscritto e ho un grave problemache non riesco a risolvere...

ho creato una semplice galleria di immagini e per cambiare la foto visualizzata utilizzo due pulsanti ai quali sono associati eventi javascript..

<div class="pr" onclick="avanti()"><a>Avanti</a></div>
<div class="pr" onclick="indietro()"><a>Indietro</a></div>

questo è il codice javascipt...

<script type="text/javascript">
c=1;
m=10;
function avanti()
{
c=c+1;
if (c<=m){
img.src="images/img/img"+c+".jpg";
text.value=c;
}else{c=1;img.src="images/img/img"+c+".jpg";text.value=c;}
}

function indietro()
{
c=c-1;
if (c>0){
img.src="images/img/img"+c+".jpg";
text.value=c;
}else{c=m;img.src="images/img/img"+c+".jpg";text.value=c;}
}
</script>

il problema è che mentre con ie8 e safari funziona con firefox lo script non funziona...

vi ringrazio in anticipo

edoardo

[Xinod]

quell' "img" non e' un riferimento corretto all' elemento in questione,
se esso ha un id="img" il riferimento corretto e'
document.getElementById('img')

[lucavizzi]

la variabile "img" non è valorizzata nello script che hai postato.
img=document.getElementById('id-immagine')

[edoardo88]

vi ringrazio adesso funziona perfettamente...

ma ho un altro problema...ho creato una pagina contatti dove effetuo una validazione del form in javascript..in tutti i browser mi avvisa che devo inserire tutti i campi con l'alert ma poi invia ugualmente la mail...

ecco il codice html:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" id="inviaMsg">
<div id="form">
<div class="row">
<div class="left">
Your email address:
</div>
<div class="right">
<input type="text" id="email" name="email" size="25" onblur="controllomail()" />
</div>
<div class="clear"></div></div>
<div class="row">
<div class="left">
Object:
</div>
<div class="right">
<input type="text" id="oggetto" name="oggetto" size="25" />
</div>
<div class="clear"></div></div>
<div class="rowTextarea">
<div class="left">
Message:
</div>
<div class="right">
<textarea rows="10" cols="40" name="testo" id=testo"></textarea>
</div>
<div class="clear"></div></div>
</div>
<div class="clear"></div>
<div id="buttonContainer">
<div class="button"><input type="reset" name="annulla" id="annulla" value="Annulla" /></div>
<div class="button"><input type="submit" name="invia" id="invia" value="Invia" onclick="controllo()"/></div>

e il codice javascript:

function controllo()
{
if((document.getElementById('email').value=="")||( document.getElementById('oggetto').value=="")||(do cument.getElementById('testo').value==""))
{

alert("Riempire tutti i campi!");
document.getElementById('email').focus();
return false;
}else{

return true;
}
}

scusate per il disturbo ma nn riesco proprio a capire il problema...grazie

[lucavizzi]

<form ..... onsubmit=return controllo()>

<input type="submit" value="Invia" />
</form>

[Xinod]

niente minestroni, questo e' un problema completamente diverso