Rendere visibile cella adiacente a quella attiva

[Xinod]

x es.

function cambia(e, obj){
	if(!e) e=window.event;
	var on=(e.type=='focus')?1:0;

	var vis=(on)?'visible':'hidden';
	var col=(on)?'brown':'transparent';

	obj.parentNode.style.backgroundColor=col;
	var onm=obj.name;
	var tdId='td_'+((onm=='indirizzo'||onm=='telefono'||onm=='email')?'altri':onm);
	document.getElementById(tdId).style.visibility=vis;
}

pero' conviene aggiungere identificativi, dal momento che gia' avrai name per i campi

<form>
<table>
<tbody>
<td>nome:</td>
<td><input type="text" name="nome" onfocus="cambia(event, this)" onblur="cambia(event, this)" /></td>
<td id="td_nome" style="visibility:hidden">inserisci il nome</td>
</tr>
<tr>
<td>cognome:</td>
<td><input type="text" name="cognome" onfocus="cambia(event, this)" onblur="cambia(event, this)" /></td>
<td id="td_cognome" style="visibility:hidden">inserisci il cognome</td>
</tr>
<tr>
<td>indirizzo:</td>
<td><input type="text" name="indirizzo" onfocus="cambia(event, this)" onblur="cambia(event, this)" /></td>
<td rowspan="3" id="td_altri" style="visibility:hidden">inserisci gli altri dati</td>
</tr><tr>
<td>telefono:</td>
<td><input type="text" name="telefono" onfocus="cambia(event, this)" onblur="cambia(event, this)" /></td>
</tr>
<tr>
<td>email:</td>
<td><input type="text" name="email" onfocus="cambia(event, this)" onblur="cambia(event, this)" /></td>
</tr>
</tbody>
</table>
</form>

ciao

[Xinod]

prova interna,
non tenere conto di questo messaggio

oName
oNa
oN
oName=='a'
oName='a'
var oName='a';

in realta' ho scritto
oName
oNa
oN
oName=='a' <- N maiuscola
oName='a' <- N maiuscola
var oName='a'; <- N maiuscola

obName
objName

[ldetomi]

Ti ringrazio per l'ennesima risposta ma l'ultimo script non funziona. Purtroppo non riesco a capire come mai. Inoltre a cosa mi serve l'id sulla terza cella di ogni riga? E' necessario? Io ho provato a metterlo e non metterlo e comunque non funziona.

[Xinod]

se copio in una pagina vuota quanto ti ho postato (aggiustando l' unica riga dello script che va a capo) a me funziona perfettamente

gli id adesso servono, aggiustali seguendo la logica dello script
ciao

[ldetomi]

Ho scoperto perché non funziona, io ho la necessità di inserire gli onFocus e gli onBlur all'intrno del taf <TD> e non nell <input type='text'> come hai fatto tu, così facendo non funziona, è possibile farlo? Ti ringrazio.

[Xinod]

no, onfocus e onblur non sono gestori eventi validi per un td
ciao

[ldetomi]

Capisco peccato. Bè ma io posso lasciare gli onFocus e gli onBlur nel campo <input type=text> però devo fare in modo che cambi il background-color non del campo stesso ma della cella che lo contiene. Questo si potrà fare no?

[Xinod]

lo fa gia'

obj.parentNode.style.backgroundColor=col;

il parentNode del campo input dovrebbe essere il td, quel td cambia colore

[ldetomi]

Ho implemementato tutto e praticamente ci siamo, funziona e la tua mano fi qui è stata a dir poco fondamentale.

Ultima cosa, se ho il seguente codice:

<TR>
  <TD>Sesso:</TD>
  <TD>
    <INPUT type='radio' onfocus='cambia(event, this)' onblur='cambia(event, this)'>M
    <INPUT type='radio' onfocus='cambia(event, this)' onblur='cambia(event, this)'>F
  </TD>
  <TD>Campo Obbligatorio</TD>
</TR>

In cui ho inserito i richiami alla funzione in entrambi i radio button per fare in modo che la cella si colori indifferentemente da quale dei due viene cliccato (funzionalità che già funziona), poi come faccio con l'id, a fare in modo che la terza cella si accenda anch'essa in maniera indifferente da quale è quello dei due attivo?

Lo stesso problema lo dovrei risolvere con 3 campi <SELECT>, tutti nella stessa cella, quelli della data di nascita.

[Xinod]

i radio i sono esclusivi e condividono lo stesso nome,
provato ad assegnare name="sesso" ai 2 radio e id="td_sesso" al td campo obbligatorio?

x le 3 select fai come con l' altra eccezione
se hanno name='gg','mm','aa' e la cella da mostrare ha id="td_data"
cambia questo

var  tdId='td_'+((onm=='indirizzo'||onm=='telefono'||onm=='email')?'altri':onm);

in

var tdId='td_';
if(onm=='indirizzo' || onm=='telefono' || onm=='email') tdId+='altri';
else if(onm=='gg'|| onm=='mm' || onm=='aa') tdId+='data';
else tdId+=onm;

scritto cosi' magari ti riesce + chiara la sintassi

ciao