Form con immagini

[ale_dj]

buongiorno chiedo a voi visto che non saprei come fare...
nel modulo form se creo un modulo scelta singola come faccio ad inserire le immagini al posto del testo (oppure anche sotto il testo) per esempio se devo sceglie per un preventivo tra forchette coltelli e cucchiai avere sotto ad ogni singola scelta l'immagine d'esempio???


grazie 1000

[ale_dj]

PER GLI AMMINISTRATORI HO SBAGLIO SEZIONE ANDREBBE SPOSTATA IN PROFESSIONAL..... SCUSATE

[lemonsong]

Se ho capito bene, prova a vedere se questo esempio è quello che cerchi (form non "abilitato"):

http://lemonsong.altervista.org/test_img_form/

Incollo anche qui il codice usato, da inserire in Proprietà Pagina - Esperto - Prima della chiusura del tag BODY:

<script>
$('form span.radiobutton input[value="cucchiaio"]').parent().append('<p style="height:100px; background: transparent url(files/cucchiaio.png) no-repeat;"></p>');
$('form span.radiobutton input[value="forchetta"]').parent().append('<p style="height:100px; background: transparent url(files/forchetta.png) no-repeat;"></p>');
$('form span.radiobutton input[value="coltello"]').parent().append('<p style="height:100px; background: transparent url(files/coltello.png) no-repeat;"></p>');
</script>

In rosso da personalizzare.
Se nella pagina ci fossero più form e/o scelte (radio) con lo stesso nome (value), si dovrà specificare l'id del form.

Ho la demo e non l'ho testato bene, quindi prendi tutto con le pinze (sicuramente si può scrivere meglio il codice).

[ale_dj]

grazie si lo script è perfetto solo che ora devo integrarlo con i mio form....
http://www.300lombardi.org/tws/preventivi.html
e la vedo molto dura...
a meno chè non farlo tutto con lo script a mano...
ma non sarei in grado.... penso...

[milux]

come è piccolo il mondo.. ne ho utilizzate diverse di quelle valigie per i miei articoli...

[ale_dj]

Milux è un mio carissimo amico.... Oltretutti ieri era in diretta a quinta colonna su rete 4... Mi ha chiesto una mano x rinnovare il sito ma io alcune cose non sono proprio capace... Ma di sove sei??? Se dovessero servirtene altre basta dirmelo...

[milux]

Sono a Treviso. Grazie per l'interessamento.

Ps . se posso darti un suggerimento il modulo con immagini lo farei spezzato in più pagine (cioè a step ) in modo da alleggerire le varie finestre.

[lemonsong]

[...] e la vedo molto dura...
a meno chè non farlo tutto con lo script a mano... [...]

Cosa intendi con "a mano"?

Lo script devi solo personalizzarlo.

Per esempio:

• inserendo Alluminio Nero (value)
• collegando l'immagine relativa al codice HTML
• inserendo il percorso e nome immagine correttamente (url)
• impostando l'altezza del paragrafo (height)

[ale_dj]

intendevo che devo scrivere tutto lo script per il form... o mi sbaglio???

[lemonsong]

Mah, non capisco, hai comprato la Professional: un minimo di iniziativa è "dovuta".

Comunque:

• rileggere con più attenzione i post precedenti
• provare a "sporcarsi un po' le mani"
• riprovare...
• se non si riesce, linkare un esempio online con la prova

[ale_dj]

YESSSS tra poco provo... ora non posso che ho un bimbo di 11 mesi da programmare.... e uno di -2,5 da preparare alla programmazione... ihihihihihih

[ale_dj]

eccomi dopo aver provato....
mi son creato una pagina di prova nella quale prima ho messo l'elemento form poi dopo aver ciccato 2 volte non mi viene data la possibilità di inserire lo script....
poi ho provato con html & winget nella finestra superiore ho copiato e incollato lo script.... vado in anteprima.... e NULLA....

[lemonsong]

Non hai letto con attenzione, non hai messo il link alla tua prova... 

[boschetti.mirko]

Incollo anche qui il codice usato, da inserire in Proprietà Pagina - Esperto - Prima della chiusura del tag BODY:

Lo ha anche scritto....

[ale_dj]

ecco scusate...




[size=78%]http://www.300lombardi.org/tws/provaform.html[/size]


ma da come si nota... non si vede nulla... ho capito dove inserire il codice ho modificato solo una opzione di quel che mi hai dato la prima ma poi la pagina devo inserire q.sa???