Richiamare stessa funzione su molti pulsanti uguali

[nick03]

Ho una pagina in qui per esempio ho:

<div class="messaggio">
testo messaggio
<div class="modifica"><form>
<input type="hidden" name="id" value="numero con l'ID del messaggio" />
<input type="submit" name="cancella" value="Cancella" id="canc" />
</form></div>
</div>

<div class="messaggio">
testo messaggio
<div class="modifica"><form>
<input type="hidden" name="id" value="numero con l'ID del messaggio" />
<input type="submit" name="cancella" value="Cancella" id="canc" /></form></div>
</div>

<div class="messaggio">
testo messaggio
<div class="modifica"><form>
<input type="hidden" name="id" value="numero con l'ID del messaggio" />
<input type="submit" name="cancella" value="Cancella" id="canc" /></form></div>
</div>

<div class="messaggio">
testo messaggio
<div class="modifica"><form>
<input type="hidden" name="id" value="numero con l'ID del messaggio" />
<input type="submit" name="cancella" value="Cancella" id="canc" /></form></div>
</div>

il mio codice JS è:

window.onload=function (){
document.getElementById('canc').onclick=funzcanc;
}

function funzcanc(){
var x = confirm('Vuoi cancellare il messaggio?');
if(x){
return true;
}
else{
return false;
}
}

vorrei che la funzione funzionasse per tutti i pulsanti e se do ok invia altrimenti no.
Il problema è che funziona solo per il primo pulsante e non tutti gli altri.

come posso risolvere?

[crissss]

prova con

<input type="submit" name="cancella" value="Cancella" id="canc" onclick="funzcanc();"/>

[nick03]

si mettendolo inline funziona... ma io non voglio mettere il js inline.
dato che faccio window.onload faccio tutto nel file .js

solo che funziona solo per il primo pulsante...
gli altri non mi fanno la funzione....

aiutooooo

[sergioDario]

Innanzitutto l'id deve essere univoco
Io proverei così

<div class="messaggio" id="div1">
testo messaggio
</div>
<div class="messaggio">
<div class="modifica"><form>
<input type="hidden" id="id1" value="numero con l'ID del messaggio" />
<input type="submit" name="cancella" value="Cancella" onclick="funzcanc("div1","id1") /></form></div>
</div>

<div class="messaggio" id="div2">
testo messaggio
</div>
<div class="messaggio">
<div class="modifica"><form>
<input type="hidden" id="id1" value="numero con l'ID del messaggio" />
<input type="submit" name="cancella" value="Cancella" onclick="funzcanc("div2","id2") /></form></div>
</div>

poi la funzione
function funzcanc(a,b)
{
if(confirm('Vuoi cancellare il messaggio?'))
{
var a=document.getElementById(a);
var b=document.getElementById(b);
b.value="";
a.removeChild(b.firstChild);
}
}

o qualcosa di simile,

[nick03]

aaaaaaaaaaa è veroooooo
cavolo l'id deve essere unico!!!
me ne ero completamente dimenticato!!!
ora riprovo