Ciao a tutti,
Avrei bisogno di una mano per la creazione di un form in cui si possa selezionare le immagini al posto dei classici "radio" e/o "checkbox"...
Cercando un po' su internet ho trovato qualcosa che ho "adattato" alla mia paginetta:
Purtroppo non riesco a capire dove mi incastro... sono un novellino di js!
Qualcuno riesce a darmi una mano?
La soluzione con l'input hidden mi sembra buona.
Avrei bisogno di una mano per la creazione di un form in cui si possa selezionare le immagini al posto dei classici "radio" e/o "checkbox"...
Cercando un po' su internet ho trovato qualcosa che ho "adattato" alla mia paginetta:
Codice:
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
.bordoon {
border:2px solid #000000;
border-radius: 3px;
}
.bordoff {
border:none;
}
</style>
<!-- SCRIPT SELEZIONE IMG -->
<script language="JavaScript" type="text/javascript">
function imgslct(myid) {
var immagini=document.getElementsByTagName('img');
for (var i=0; i<immagini.length; i++)
if (immagini[i].id.indexOf('immagineform')!=-1) {
if (immagini[i].id==myid) {
immagini[i].className='bordoon';
document.modulo.templateimg.value=myid;
}
else immagini[i].className='bordooff';
}
}
</script>
</head>
<body>
<form name="modulo" action="/custom/inviamail.php" method="post" enctype="multipart/form-data">
<table>
<tr>
<!-- SELEZIONE IMMAGINE -->
<td colspan="4">
<input type="hidden" name="templateimg"><br />
<img src="/template/A69-1.png" alt="A69-1" width="200px" onClick="imgslct()" />
<img src="/template/A69-2.png" alt="A69-2" width="200px" onClick="imgslct()" />
<img src="/template/A69-3.png" alt="A69-3" width="200px" onClick="imgslct()" />
<img src="/template/A69-4.png" alt="A69-4" width="200px" onClick="imgslct()" />
</td>
</tr>
<!-- FILE ALLEGATO -->
<tr>
<td>Carica un file: </td>
<td><input type="file" name="allegato" /></td>
<td colspan="2" />
</tr>
<!-- INVIO FORM -->
<tr>
<td colspan="4" class="transborder"><input type="submit" value="Invia email"></td>
</tr>
</table>
</form>
</body>
</html>Purtroppo non riesco a capire dove mi incastro... sono un novellino di js!
Qualcuno riesce a darmi una mano?
La soluzione con l'input hidden mi sembra buona.
