Visualizzazione risultati 1 fino 3 di 3

Discussione: Immagini associate a "<input type="radio"...

  1. #1
    Guest

    Predefinito Immagini associate a "<input type="radio"...

    Salve, qualcuno conosce il modo per associare delle immagini a <input type="radio" ect ect>?

    Ho trovato il codice javascript per associarle con select, ma mi servirebbe farlo anche con l'input radio..

    ecco il codice javascript che funziona con select:

    Codice HTML:
    <!--
     
           function changeImage(form)
    
            {
    
            selection = form.imagename.options[form.imagename.selectedIndex].value;
    
            document.images[0].src = selection;
    
            }
    
    //-->
    </script>
    ed ecco il form:
    Codice HTML:
    <FORM>
    <SELECT onchange=changeImage(this.form) size=1 name=imagename>
    <OPTION value="01.gif" selected>Prima immagine</option>
    <OPTION value="02.gif">Seconda immagine</OPTION>
    </SELECT>
    <IMG height=50 src="01.gif"> 
    </form>
    .

    Qualcuno conosce il modo per modificarlo e renderlo funzionale per l'input type "radio"? ovvero per questo:

    Codice HTML:
    <p><label>Stile:</label>
        		<label><input type="radio" name="style" value="simple" checked="checked" />PROVA 1</label>
    
        		<label><input type="radio" name="style" value="crossed"  />PROVA 2</label>
        		<label><input type="radio" name="style" value="mao"  />PROVA 3</label>
        </p>

  2. #2
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    Dimentica il codice javascript, è roba di una decina di anni fa.

    Prova a guarda questo elenco di tecniche per ottenere form "con un certo stile", tutto senza javascript - css dovrebbe bastare.

  3. #3
    Guest

    Predefinito

    si ho guardato il sito che mi hai consigliato, ma purtroppo non c'è quello che serve a me..

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •