AJAX form focus

Sziasztok!

Elég speciális problémám lenne és hosszas kutatás után sem találtam rá a megoldást.

Adott egy AJAX-os form D7-ben. Ez egy "értékesítési" form, melynek egy sorában szerepel, hogy hány darabot szeretnék eladni egy adott termékből, a termék vonalkódja és a vonalkód alapján az adatbázisból kiolvasott tulajdonságok, (név,tulajdonság,ár) melyek nem módosíthatóak.

A form jelenleg úgy van kialakítva, hogy egy vonalkód kitöltése után automatikusan új sort ad hozzá.

Az elvárt működés az lenne, hogy az oldal betöltése után az első (és egyetlen) sorban lévő vonalkód mezőben áll a kurzor. A vonalkód bevitele után egy tab-ot nyomva létrejön egy új sor és abban a vonalkód mezőre áll át. Minden sorban automatikusan 1 szerepel a darabszámnál, de átírás és egy tab után az azonos sorban lévő vonalkód mezőre kellene ugrania a kurzornak.

Azt, hogy az oldal betöltése után a kurzor a vonalkód mezőben legyen megoldottam a következő kóddal:

if(!empty($form_state['values']['vkod'])){
	...
}else{
	$form['js'] = array(
		'#markup' => '<script type="text/javascript">document.getElementById("edit-vkod").focus();document.getElementById("edit-vkod").select();</script>',
	);
}

A problémáim, melyekben a segítségeteket szeretném kéni a következőek:

• Ha bármelyik mezőben tab-ot nyomok, akkor nem a következő mezőre ugrik a kurzor, hanem "elveszik" a focus.
• Amikor új sor keletkezik egy vonalkód bevitele után, akkor hogyan lehet ráállni egy olyan mezőre, ami még csak akkor fog létrejönni?

Gondolom ezt is valami javascript varázslattal lehetne megoldani, de sajnos nem értek hozzá. Remélem sikerült érthetően leírni a problémámat és tud majd valaki segíteni a megoldásában is.