completamente automatico con n righe

[leondany]

Ciao a tutti!

Ho un form dove con il pulsante "inserisci nuova riga" mi crea, tramite javascript, una nuova riga che contiene, fra gli altri un campo select che quando viene scelto il prodotto automaticamente mi restituisce, sempre tramite javascipt, il prezzo in un campo

<input type="text" name="prezzo[]">

e il codice prodotto.

Il problema è che ora essendoci tanti

<input type="text" name="descrizione[]">

il document.getElementsByName('descrizione[]') sembra non sapere quale prendere per far partire il javascript e soprattutto non so come indicargli a quale campo prezzo[] restituire il valore. Così non credo funzioni: formObj.codice[].value = valore;

Forse non sono stato chiarissimo ma è difficile da spiegare a parole...spero che mi darete una mano...non so più che pesci pigliare!

[mirkoagrati]

Ciao,
se ho capito,
puoi referenziare l'oggetto che ti serve passando alla funzione che fa da gestore
l'oggetto this, ovvero il descrizione[] che scatena l'elaborazione.

Sempre che io abbia capito.

Ciao

[leondany]

Scusa ma sono alle prime armi con javascript...potresti farmi qualche esempio??

Grazie mille!

[leondany]

Metto il codice:

Parte che richiede alla pagina getClient.php di cercare il prodotto

<script type="text/javascript">
        var ajax = new sack();
	var currentClientID=false;
	function getClientData()
	{
		var clientId = document.getElementById('descrizione[]').value;
		if(clientId!=currentClientID){
			currentClientID = clientId
			ajax.requestFile = 'getClient.php?getClientId='+clientId;	// Specifying which file to get
			ajax.onCompletion = showClientData;	// Specify function that will be executed after file has been found
			ajax.runAJAX();		// Execute AJAX function			
		}
		
	}
	
	function showClientData()
	{
		var formObj = document.forms['offerta'];	
		eval(ajax.response);
	}
	
	
	function initFormEvents()
	{
		document.getElementById('descrizione[]').onblur = getClientData;
		document.getElementById('descrizione[]').focus();
	}
	
	
	window.onload = initFormEvents;
</script>

Pezzo del form (il form può essere di n righe tutte così)

<input size="15" type="text" id="codice[]" name="codice[]" disabled="disabled"><select name="descrizione[]" id="descrizione[]">
<option value="0">Selezionare un prodotto</option>
<option value="Prodotto1">Prodotto1</option>

Pagina getClient.php

if(isset($_GET['getClientId'])){  
  $res = mysql_query("select * from prodotti where descrizione='".$_GET['getClientId']."'") or die(mysql_error());
  if($inf = mysql_fetch_array($res)){
  	
    echo "formObj.codice.value = '".$inf["cod"]."';\n";    
    echo "formObj.prezzo.value = '".$inf["prezzo_acquisto_standard"]."';\n";      
    
  }else{
    echo "formObj.codice.value = '';\n";    
    echo "formObj.prezzo.value = '';\n";    
     
  }    
}

Grazie!!

[mirkoagrati]

Mi sa che prima non avevo capito:

Tu crei tot righe con prezzo descrizione e cod.Prodotto?

Se è così,
puoi creare i tuoi campi indicizzandoli:

prezzo0, descr0, cod0
prezzo1, descr1, cod1
......

così riesci ad avere n campi con n nomi diversi, ma con radice identica.

Spero di avere capito ora.

Ciao

[leondany]

Il problema non è la creazione di n righe (questo l'ho già scritto)

Il mio problema è che il javascript di ricerca del cod_prodotto e prezzo parte quando viene cambiato il campo descrizione[] il problema è che ci sono n campi descrizione[n]

Considerando che non posso sapere a priori quanti campi descrizione ci saranno non posso mettere descrizione1, descrizione2,...

[mirkoagrati]

Ciao,
devi gestire su ogni campo descrizione il proprio cambiamento:

<input type="text" name="descrizione1" id="descrizione1" onblur="prendiindice(this)">

function prendiindice(elem){
var indice = elem.id.substring("descrizione".length,elem.id.len gth);
}

la variable indice ti serve per prendere i campi associati a quella descrizione:
var prezzo = document.getElementById("prezzo" + indice);
var codice = document.getElementById("codice" + indice);

Ci siamo?
Ti ho compreso questa volta?

Ciao

[leondany]

GRANDISSIMO!!!!

Sei stato gentilissimo, veramente!

Tutto perfetto, ti devo un favore!

[leondany]

Ho ancora bisogno di te/voi...

var ind = i.id.substring("prezzo".length,i.id.length);

var prezzo_esatto = document.getElementById("prezzo"+ind).value;
var quanti_esatto = document.getElementById("quanti"+ind).value;

document.offerta.total1.value = dp(prezzo_esatto*quanti_esatto);

Come posso fare per indirizzare il contenuto della funzione dp() nell'input name=total1 in caso di i=1, total2 in caso di i=2,...

Grazie infinitamente!