[Javascript] [HTML] Creare Checkbox o Radio con Immagini

Monz94

Nuovo Utente
8 Lug 2017
2
0
1
27
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:

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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Creare elementi html con javascript Javascript 4
S [Javascript] [HTML] creare stringhe di riferimento da riutilizzare Javascript 5
D [Javascript] Come creare un equalizzatore HTML collegato a files audio Javascript 1
C File html con procedure javascript per creare effetto libro da sfogliare Javascript 9
C Javascript completo di html per creare una tabella dove compare il saluto in base all'ora. Javascript 2
Shyson Meglio Javascript o HTML? Javascript 4
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
Giacomo Boccherini [Javascript] [HTML] Hover Javascript 1
T [Javascript] Richiamare un file.js (iframe) in html Javascript 1
Emix [Javascript] Somma con array input HTML Javascript 1
S [Javascript] [HTML] App incorpora pagina web - Come impedirlo? Javascript 0
K [Javascript] [HTML] Invertire colori alternati in tabella Javascript 3
D [Javascript] [HTML] Inserire slash dopo 3 numeri Javascript 5
M [Javascript] [HTML] link interno Javascript 1
N [Javascript] [HTML] Scelta di una select e compilazione automatica delle restanti Javascript 0
V [Javascript] [HTML] Attivazione nuovi campi di input Javascript 2
D [Javascript] [HTML] Evidenziare testo di una text Javascript 1
D [Javascript] [HTML] Insertimento audio Javascript 8
C [Javascript] [HTML] È possibile "puntare" un iframe? Javascript 14
M [Javascript] [HTML] come aumentare il valore di una progress bar quando si preme un bottone Javascript 1
W [Javascript] Eseguire script residente nel sistema da html remota Javascript 0
Marcox360 Tris con HTML e JavaScript Javascript 0
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
A [Javascript] NodeJs e HTML Javascript 2
D [Javascript] [HTML] Countdown su Mobirise di 24 ore relative per ogni utente. Javascript 4
W [Javascript] [HTML] menù responsive fisso Javascript 2
C [Javascript] cambio dinamico riferimento elemento html Javascript 2
V Passaggio codice html a javascript Javascript 8
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
A [Javascript] Passare variabile tra pagine html diverse Javascript 13
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
zammaeng [Javascript] [HTML] globo 3D Javascript 5
trattorino [Javascript] [HTML] risultato imput dentro text area Javascript 2
trattorino [Javascript] [PHP] due righe su sorgente html Javascript 3
C [Javascript] HTML form attributes: combining charset with enctype HTML e CSS 4
R [Javascript] [HTML] [PHP] Javascript 2
U [Javascript] [HTML] doppio click Javascript 18
S [Javascript] Slider html: Mostrare immagini su 4 colonne Javascript 20
A [Javascript] [HTML] Gestire una pagina esterna con 2 iframe Javascript 4
S [Javascript] Sostituire elemento HTML preso randomicamente dentro array Javascript 1
asevenx [Javascript] [HTML] personalizzare stili input select Javascript 5
romeocharly errore del codice html con javascript durante ottimizzazione websitex5 Javascript 7
R Javascript e html - estrazione EXIF da jpg con link per geolocalizzazione google maps Javascript 0
A [CERCO] cerco esperto di codici HTML e JavaScript per lavorare ad 1 applicazione Offerte e Richieste di Lavoro e/o Collaborazione 1
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
Devil-94 Javascript: script che permetta di inserire immagini in un certo elemento html. Javascript 2
I Pubblicare un sito realizzato con html, css e javascript Webdesign e Grafica 13

Discussioni simili