Pessoal,
To criando outra solução pra esse problema e logo posto aki, mas gostaria de sabe se alguem sabe o que venha a ser.
Tenho dois campos inseridos dinâmicos no html.
Só no chrome ele nao deixa eu escrever(nem clicar) no segundo campo a menos que seja precionado TAB.
Funciona perfeito no IE e no FIREFOX.
segue código.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulario 2 </title>
<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/add.js"></script>
</head>
<body>
<form action="" method="post">
<fieldset>
<table cellspacing="0" cellpadding="0" border="0" width="705">
<tbody>
<tr bgcolor="#ed8000">
<td height="30" colspan="3"><span style="font-weight: bold;" class="font_white_02"> Participantes</span></td>
</tr>
<tr valign="top">
<td colspan="3">
<div class="lang-9" id="inputs">
</div>
</td>
</tr>
<tr valign="top">
<td><input id="add" value="Novo Participante" type="button"></td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
<td><input type="submit" value="Confirmar e Enviar" name="Submit">
</td><!-- onclick="alert('Enviando')"-->
</tr>
</tbody>
</table>
</fieldset>
</form>
</body>
</html>
jQuery(function($){
var id = 1;
$('#add').live('click', function(){
$('#removeInput').remove();
var HTML = '<div id="div-' + id + '" >\n';
HTML += ' <label>Participante ' + id + '<label><br /><br />\n';
HTML += ' <label>Nome Completo<label>\n';
HTML += ' <input type="text" size="50" name="txtParticipantesNome_' + id + '" id="txtParticipantesNome_' + id + '"/><br />\n';
HTML += ' <label>Nome Crachá<label>\n';
HTML += ' <input type="text" size="50" name="txtParticipantesCracha_' + id + '" id="txtParticipantesCracha_' + id + '"/><br /><br />\n';
HTML +='<input id="removeInput" type="button" value="Remove o último" />';
HTML += '</div>\n';
$('#inputs').append(HTML);
id++;
});
$('#removeInput').live('click', function(){
if ($("input[id^='txtParticipantesNome']").length > 1) {
var id_last = $("input[id^='txtParticipantesNome_']:last").attr('id').replace('txtParticipantesNome_', '');
$('#txtParticipantesNome_' + id_last + ',#div-' + id_last).remove();
}
else {
var id_last = $("input[id^='txtParticipantesNome_']:last").attr('id').replace('txtParticipantesNome_', '');
$('#txtParticipantesNome_' + id_last + ',#txtParticipantesCracha_' + id_last + ',#div-' + id_last).remove();
}
});
});