Pessoal, estou com um problema na hora de passar os valores para o script.
É o seguinte tenho uma página que é possível adicionar tabelas com campos, o problema está com um campo de calendário que tenho, pois utilizo uma biblioteca que mostra o calendário e é preciso enviar o valor do id do novo campo criado para fazer a referência certa. O problema é que qdo adiciono outra tabela com novos campos e id’s o script que mostra o calendário me retorna uma mensagem dizendo que estou mandando o campo null.
Aguém pode me ajudar com isso?
Segue meu script:
<%
ConexaoUtil c = new ConexaoUtil();
ResultSet rs = null;
%>
<%@ page contentType="text/html; charset=iso-8859-1" session="true"
import="br.com.whirlpool.portal.util.*" import="java.sql.*"
import="java.util.Date" import="java.text.SimpleDateFormat"
errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Design: Marcos Scopel" />
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />
<script type="text/javascript" src="../jscalendar-1.0/calendar.js"></script>
<script type="text/javascript" src="../jscalendar-1.0/calendar-setup.js"></script>
<script type="text/javascript"
src="../jscalendar-1.0/lang/calendar-br.js"></script>
<link rel="stylesheet" type="text/css" media="screen,projection"
href="../jscalendar-1.0/calendar-blue.css" />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="../css/style_screen.css" />
<script type="text/javascript" src="../js/javascript_tca.js"></script>
<script language="javascript">
var qtdeCampos = 2;
function addCampos() {
if (qtdeCampos <= 7) {
var objPai = document.getElementById("campoPai");
//Criando o elemento DIV;
var objFilho = document.createElement("div");
//Definindo atributos ao objFilho:
objFilho.setAttribute("id","filho"+qtdeCampos);
//alert(qtdeCampos);
//Inserindo o elemento no pai:
objPai.appendChild(objFilho);
//Escrevendo algo no filho recém-criado:
document.getElementById("filho"+qtdeCampos).innerHTML = "<input type='hidden' id='idAta"+qtdeCampos+"' name='idAta' value='"+qtdeCampos+"'>"+
"<TABLE class='tableposres' align='center' style='width: 90%;' border='0' cellSpacing='1' width='55%' align=center id='acAdTbl"+qtdeCampos+"' name='acAdTbl"+qtdeCampos+"'>"+
"<tr>"+
"<td colspan='5' align='left'>Pauta 1</td>"+
"</tr>"+
"<tr>"+
"<td class='rowpos' style='text-align: center;'><label for='contact_subject' class='gensmall'>*PLANTA:<br></label>"+
"<select name='planta"+qtdeCampos+"' id='plantaComb"+qtdeCampos+"' tabindex='1' onChange='javascript:carregaNegocio1(planta1.value);'>"+
"<option value=''></option>"+
"<option value='110'>110</option>"+
"<option value='120'>120</option>"+
"<option value='240'>240</option>"+
"</select>"+
"</td>"+
"<td class='rowpos' colspan='2' style='text-align: center;'><label for='contact_subject' class='gensmall'>*NEGÓCIO DA PLANTA:<br></label>"+
"<select name='negocioPlanta"+qtdeCampos+"' id='negocioComb"+qtdeCampos+"' class='select_negocio_tca' tabindex='2'>"+
"<option value=''></option>"+
"</select>"+
"</td>"+
"<td class='rowpos' style='text-align: center;'><label for='contact_subject' class='gensmall'>*MOTIVO:<br></label>"+
"<select name='motivo"+qtdeCampos+"' id='motivo"+qtdeCampos+"' tabindex='3' class='select'>"+
"<option value=''></option>"+
"<option value='Acerto de Desenho'>Acerto de Desenho</option>"+
"<option value='Lçto/Cancelamento de Itens'>Lçto/Cancelamento de Itens</option>"+
"<option value='Redução de Custo'>Redução de Custo</option>"+
"<option value='Itens iniciais/Cancelamento'>Falta Documentação</option>"+
"<option value='Qualidade'>Qualidade</option>"+
"<option value='Acerto de Lista Técnica'>Acerto de Lista Técnica</option>"+
"<option value='Outros'>Outros</option>"+
"</select>"+
"</td>"+
"<td class='rowpos' style='text-align: center;'><labelfor='contact_subject' class='gensmall'>*NEGÓCIO DO PROJETO:<br></label>"+
"<select name='negocio"+qtdeCampos+"' id='negocio"+qtdeCampos+"' class='select' tabindex='4' OnChange='combo_projeto1(this.value);'>"+
"<option value=''></option>"+
"<option value='Tecnologia Refrigeração'>Tecnologia Refrigeração</option>"+
"<option value='Tecnologia Cocção'>Tecnologia Cocção</option>"+
"<option value='Tecnologia Lavanderia'>Tecnologia Lavanderia</option>"+
"<option value='Tecnologia AC/FMO'>Tecnologia AC/FMO</option>"+
"<option value='Todas'>Todas</option>"+
"</select>"+
"</td>"+
"</tr>"+
"<tr>"+
"<td class='rowpos'><label for='contact_subject' class='gensmall'>*Data Reunião:</label><br>"+
"<input type='text' name='data_cad_ac"+qtdeCampos+"' id='cal-field-"+qtdeCampos+"' class='post' size='10' value='' tabindex='1' maxlength='10' /> <a href='Javascript:;'>"+
"<img src='../images/calendar.png' id='cal-button-"+qtdeCampos+"' border='0'></a>"+
"<script language = 'javascript'>"+
Calendar.setup({
inputField : 'cal-field-'+qtdeCampos,
button : 'cal-button-'+qtdeCampos,
align : 'Br'
});
"</td>"+
"<td class='rowpos'><label for='contact_subject' class='gensmall'>POS:</label><br>"+
"<input type='text' name='pos"+qtdeCampos+"' id='pos"+qtdeCampos+"' class='post' size='10' value='' tabindex='3' maxlength='6' />"+
"</td>"+
"<td class='rowpos'><label for='contact_subject' class='gensmall'>*EN:</label><br>"+
"<input type='text' name='me"+qtdeCampos+"' id='me"+qtdeCampos+"' class='post' size='10' value='' tabindex='3' maxlength='6' />"+
"</td>"+
"<td class=rowpos><label for='contact_subject' class=gensmall>*EMISSOR:</label><br>"+
"<select name='emissor_ac"+qtdeCampos+"' id='emissor_ac"+qtdeCampos+"' size='1' class='select'>"+
"<option value=''></option>"+
<%rs = c
.executeConsulta("select * from usuarios order by nome_usuario");
while (rs.next()) {%>
"<option value='<%=rs.getString("nome_usuario")%>'><%=rs.getString("nome_usuario")%></option>"+
<%}%>
"</td>"+
"<td class='rowpos' style='text-align: center;'><labelfor='contact_subject' class='gensmall'>*PROJETO:</label><br>"+
"<div id='combo_projeto"+qtdeCampos+"' style='background-color:white;border:1px solid black;text-align: left;width:300px;height:80px;overflow-x:hidden;overflow-y:scroll;'>"+
"</div>"+
"</td>"+
"</tr>"+
"<tr>"+
"<td class=rowpos colspan='5'><label for='contact_message' class=gensmall>*Assunto:</label><br>"+
"<textarea name='assunto_ac"+qtdeCampos+"' id='assunto_ac"+qtdeCampos+"' cols='107' class=post rows='10' tabindex='6'></textarea>"+
"</td>"+
"</tr>"+
"</table>"+
"<input type='button' class='btnmain' onclick='removerCampo("+qtdeCampos+")' value='Remove'>";
qtdeCampos++;
}
function removerCampo(id) {
//alert(id);
var objPai = document.getElementById("campoPai");
var objFilho = document.getElementById("filho"+id);
//Removendo o DIV com id específico do nó-pai:
var removido = objPai.removeChild(objFilho);
qtdeCampos = qtdeCampos - 1;
}
</script>
<title>Portal das Tecnologias</title>
</head>
<body>
<div class="page-container-1"><!-- Buffer before header -->
<div class="bufferPOS"><!-- CABEÇALHO -->
<DIV id="prepage" style="display: none;" align="center">
<TABLE width=100%>
<TR>
<TD><B>Carregando ... ... Por favor aguarde!</B><img
src="../images/aguarda.gif" width="16" height="16" border="0"></TD>
</TR>
</TABLE>
</DIV>
<TABLE class=tableposres cellSpacing=1 width="90%" align=center>
<TBODY>
<TR>
<TH colspan="3">Ata da análise crítica</TH>
</TR>
</TABLE>
<!-- FORM 1 -->
<form name="ac_cadastra" method="post" action="../AcCadastraExclui"
onsubmit="return valida(this);">
<div id="campoPai"></div>
</form>
</DIV>
</DIV>
</BODY>
</HTML>O problema ocorre aqui
Calendar.setup({
inputField : 'cal-field-'+qtdeCampos,
button : 'cal-button-'+qtdeCampos,
align : 'Br'
});