Salve a tutti eccomi con un'altro problemino!!!

Sto cercando di fare questo:

Ho tre campi input vuoti e readonly, che riempio cliccando su alcune immagini abbinate a nomi di persone, solo che tutte le

immagini essendo state fornite da una query di mysql con il php hanno tutte l'obbligo di richiamare lo stesso campo, soltanto

che il valore abbinato cambia ovviamente a seconda del nome a cui la stessa immagine è stata abbinata!!

Per far ciò ho fatto un ciclo con l'aiuto del PHP dove in poche parole gli dico:

cicla per n volte (ese. 3 in questo caso, ma possono essere variabili) queste istruzioni,
le istruzioni dicono che:

cliccando su quella immagine controlla se il campo uno è libero; se è libero riempilo con il valore che ti sto passando

altrimenti effettua il controllo sul secondo e così via....., se anche il terzo (l'ultimo in questo caso) è già occupato

allora lascia stare perchè non devi cambiare i dati già esistenti.

Per far ciò il link della immagine è: onClick='javascript:control_sobstitution("pippo")', e quindi in uno dei campi

che riesci a trovare libero mettici il valore che ti ho passato che in questo caso è pippo.

MA........ho provato e riprovato e dalla mia mente (sono da ricoverare a mio parere) mi è uscito questo.....



1° metodo:
//////////////////////
var n_sost = ".$sostituzioni.";
function control_sobstitution(value_field){
for(k=0;k<n_sost;k++){
var formk = 'document.composizione_tabellini.out_m_sostC_'+k+' ';
if(formk.value !=\"\"){}
else{
formk.value=\"value_field\";}
}
}

RISULTATO: nulla, non succede nulla!!!

2° metodo:
/////////////////////

var n_sost = ".$sostituzioni.";

function control_sobstitution(value_field){

var valore = value_field;

for(osC=0;osC<n_sost;osC++){

var plus = osC + 1;
var formK = 'document.composizione_tabellini.out_m_sostC_'+osC +'';
var formP = 'document.composizione_tabellini.out_m_sostC_'+plu s+'';
document.write('' + formK + '');
if(osC!=(n_sost - 1)){

if(formK.value !=\"\"){
formP.value=\"valore\";
break;}
else
if(formK.value ==\"\"){

formK.value=\"valore\";
break;}

}
else
if(osC==(n_sost - 1)){

if(formK.value !=\"\"){break;}
else
if(formK.value ==\"\"){
formK.value=\"valore\";
break;}
}
}

}

RISULTATO: nulla, non succede nulla!!!


3° metodo: Javascript + PHP
//////////////////


<?php
echo "<script language='javascript>

var n_sost = ".$sostituzioni.";
function control_sobstitution(value_field){

var valore = 'value_field';
";


//con il php eseguo questo ciclo : esegui il ciclo per n volte (3 in questo caso)//
for($osC=0;$osC<$sostituzioni;$osC++){

// per evitare errori verifico che il valore di $osC in un caso
//sia superiore al numero di $sostituzioni altrimenti genera errore
if($osC!=($sostituzioni - 1)){

//controllo i campi se sono vuoti e se sono pieni li lascio stare e provo a riempire gli altri
echo "
if(document.composizione_tabellini.out_m_sostC_".$ osC.".value !=\"\"){
document.composizione_tabellini.out_m_sostC_".($os C+1).".value=\"valore\";}
else{
if(document.composizione_tabellini.out_m_sostC_".$ osC.".value ==\"\"){
document.composizione_tabellini.out_m_sostC_".$osC .".value=\"valore\";
}
}

";
}
else
if($osC==($sostituzioni - 1)){

//anche qui controllo i campi se sono vuoti e se sono pieni li lascio stare e
//provo a riempire gli altri ma essendo il controllo sull'ultimo campo se li trovo tutti pieni abbandono!!
echo "
if(document.composizione_tabellini.out_m_sostC_".$ osC.".value !=\"\"){}
else{
document.composizione_tabellini.out_m_sostC_".$osC .".value=\"valore\";}
";
}
}
echo "
}

RISULTATO: è l'unico che mi ha dato qualche soddisfazione poichè fa si il suo lavoro ma lo fa per tutti e tre i campi quindi

se al primo trova non libero scrive sul secondo e sul terzo mentre se trova libero anche il primo li riempie tutti e tre,

invece se trova libero soltanto il terzo campo riscrive sul secondo e poi riempie anche il terzo!!!
Naturalmente come mi sembra di aver già detto voglio che mi riempia i campi uno per volta fino a quando sono tutti e tre occupati

Mi aiutate prego a risolvere??!! io con il javascript non sono molto ferrato!!!

In ogni caso per non farvi perdere tempo vi posto una pagina già pronta per essere testata:

PS naturalmente la parte fatta con il php è già mostrata elaborata:

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

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

<body>

<script language='Javascript'>

var n_sost = 3;
function control_sobstitution(value_field){

var valore = value_field;

if(document.composizione_tabellini.out_m_sostC_0.v alue !=""){
document.composizione_tabellini.out_m_sostC_1.valu e=valore;}
else{
if(document.composizione_tabellini.out_m_sostC_0.v alue ==""){
document.composizione_tabellini.out_m_sostC_0.valu e=valore;
}
}


if(document.composizione_tabellini.out_m_sostC_1.v alue !=""){
document.composizione_tabellini.out_m_sostC_2.valu e=valore;}
else{
if(document.composizione_tabellini.out_m_sostC_1.v alue ==""){
document.composizione_tabellini.out_m_sostC_1.valu e=valore;
}
}


if(document.composizione_tabellini.out_m_sostC_2.v alue !=""){}
else{
document.composizione_tabellini.out_m_sostC_2.valu e=valore;}

}

</script>

[img]pics/pallino.gif[/img]
[img]pics/pallino.gif[/img]
<form action='/gest_champ/insert_tabellini.php?act=execute_insert_tabellini' method='post' name='composizione_tabellini'>


<table width='240' height='*' border='0' cellspacing='0' cellpadding='0' class='table-7' bgcolor='#FFFFFF'>
<tr align='center' valign='top'>
<td width='*' height='*' colspan='2'><span class='testo_riepilogo1'>Sostituzioni

REGGINA:</span>

[img]pics/black_pixel.gif[/img]</td>
</tr><tr align='left' valign='middle' style='padding-left:2px;'>
<td width='*' height='*' rowspan='2'>www</td>
<td width='*' height='*'><span class='testo_riepilogo1'>
<input type='text' name='in_m_sostC_0' class='input1' style='background-image:url(pics/bg_button.gif);'

size='20' value=''>
[img]pics/player_in.gif[/img]</span></td>
</tr>
<tr align='left' valign='middle' style='padding-left:2px;'>
<td width='*' height='*'><span class='testo_riepilogo1'>
<input type='text' name='out_m_sostC_0' class='input1' style='background-image:url(pics/bg_button.gif);'

size='20' value=''>
[img]pics/player_out.gif[/img]</span></td>
</tr>
<tr align='center' valign='top'>
<td width='*' height='*' colspan='2'>[img]pics/black_pixel.gif[/img]</td>
</tr><tr align='left' valign='middle' style='padding-left:2px;'>
<td width='*' height='*' rowspan='2'>www</td>
<td width='*' height='*'><span class='testo_riepilogo1'>
<input type='text' name='in_m_sostC_1' class='input1' style='background-image:url(pics/bg_button.gif);'

size='20' value=''>
[img]pics/player_in.gif[/img]</span></td>
</tr>
<tr align='left' valign='middle' style='padding-left:2px;'>
<td width='*' height='*'><span class='testo_riepilogo1'>
<input type='text' name='out_m_sostC_1' class='input1' style='background-image:url(pics/bg_button.gif);'

size='20' value=''>
[img]pics/player_out.gif[/img]</span></td>
</tr>
<tr align='center' valign='top'>
<td width='*' height='*' colspan='2'>[img]pics/black_pixel.gif[/img]</td>
</tr><tr align='left' valign='middle' style='padding-left:2px;'>
<td width='*' height='*' rowspan='2'>www</td>
<td width='*' height='*'><span class='testo_riepilogo1'>
<input type='text' name='in_m_sostC_2' class='input1' style='background-image:url(pics/bg_button.gif);'

size='20' value=''>
[img]pics/player_in.gif[/img]</span></td>
</tr>
<tr align='left' valign='middle' style='padding-left:2px;'>
<td width='*' height='*'><span class='testo_riepilogo1'>
<input type='text' name='out_m_sostC_2' class='input1' style='background-image:url(pics/bg_button.gif);'

size='20' value=''>
[img]pics/player_out.gif[/img]</span></td>
</tr>
<tr align='center' valign='top'>
<td width='*' height='*' colspan='2'>[img]pics/black_pixel.gif[/img]</td>
</tr>
</table>
</body>
</html>
:master: