Selezionare immagine in form

**MrRam** · 21-04-2004, 15:49

ciao a tutti,

allora, io ho un problema:
dovrei all'interno di un FORM, creare una tabella con una serie di IMMAGINI, e dovrei far si che l'utente clikkandone una la selezioni (magari viene evidenziata con un bordo) e quindi successivamente tale valore sia inviato assieme a tutti gli altri del form(nome, etc.).

Come inserisco in questo form tutte le immagini?

forse con <input type="image" src="immagine1.gif"> ma in questo caso verrebbe inviato il dato anche se non selezionato dall'utente?

Come faccio a far evidenziare con un bordo l'img scelta?

.. forse con un evento onClick nell'immagine che richiama uno script che applica all'immagine un bordo ed un valore da passare assieme agli altri nel form ... MA COMMEEE???

HELP!

**br1** · 21-04-2004, 16:02

Non e' forse piu' semplice associare un checkbox ad ogni immagine?

<input type="checkbox" name="scelta" value="imm1.jpg">

Se poi insisti sulla tua idea si puo' studiare... :quipy:

ciao

**Mich_** · 21-04-2004, 16:03

Cominciamo a ragionare.

L'immagine nel form NON CI PUO` STARE.
Nel form ci puo` stare il suo nome o riferimento.

Quindi devi crearti uno script che se clicchi sull'immagine la modifica e scrive il nome nel form.

Esempio supponendo una textarea che conterra` tutti i nomi delle immagini cliccate.
<form name="form1" ....>
<textarea name="imm"></textarea>
<input type="submit" value="invia">
</form>

[img]fileimm.gif[/img]
....

Non sono sicuro che tutti i browser moderni supportino l'evento onclick per le immagini, per cui occorre approfondire.

**MrRam** · 21-04-2004, 16:09

come al solito mich è una bomba!
la sua soluzione si avvicina molto a quello che cerco, solo che vorrei non si vedesse il nome dell'icona ... ma se al posto di textarea quindi metto un "HIDDEN"? come?

grazie.

**var** · 21-04-2004, 16:13

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script language="JavaScript" type="text/javascript">
<!--
function f(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.nomeform.campohidden.value=myid;
   }
   else immagini[i].className='bordooff';
  }
}
//-->
</script>

<style type="text/css">
<!--
.bordoon {
 border:2px solid #000000;
}
.bordoff {
 border:none;
}
-->
</style>


</head>
<body>
<form name="nomeform">
[img][/img]

[img][/img]

[img][/img]
<input type="hidden" name="campohidden">
</form>
</body>
</html>

questo può essere un esempio.

ciao

Discussione: Selezionare immagine in form

Strumenti discussione

Ricerca discussione

Visualizza

Selezionare immagine in form

Permessi di invio