Erro Internet Explorer 8

Daniel Alves - Bigmidia · Março 29, 2010

Pessoal,

Uma página de um de nossos sites não está carregando completamente no IE 8, o carregamento para e recebo um aviso de 'operação anulada' com o seguinte erro:

HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)

A página em questão, chama uma função de uma classe para montar um html dinâmico (maiszinho), segue o código:

Pagina principal:

<?

$evento->__customize_cad_evento($edit);

?>

</div>

Classe $evento

function __customize_cad_evento($vars)
		{
			global $VET_raias,$edit,$form,$date;
			$html_nome_etapa		= "<input class='td_cad input__' type='text' name='nome_etapa_DATAWORKS' id='nome_etapa_DATAWORKS' maxlength='150' />";
			$html_data_etapa		= "<input class='td_cad input__' type='text' onkeypress=\"formatar(this,'##/##/####')\" name='data_etapa_DATAWORKS' id='data_etapa_DATAWORKS' maxlength='10' />";
			$html_hora_aquecimento		= "<input class='td_cad input__' type='text' onkeypress=\"formatar(this,'##:##:##')\" name='hora_aquecimento_DATAWORKS' id='hora_aquecimento_DATAWORKS' maxlength='8' />";
			$html_hora_inicio		= "<input class='td_cad input__' type='text' onkeypress=\"formatar(this,'##:##:##')\" name='hora_inicio_DATAWORKS' id='hora_inicio_DATAWORKS' maxlength='8' />";
			echo "<script type='text/javascript'> var html_nome_etapa = \"".$html_nome_etapa."\";</script>";
			echo "<script type='text/javascript'> var html_data_etapa = \"".$form->trata($html_data_etapa)."\";</script>";
			echo "<script type='text/javascript'> var html_hora_aquecimento = \"".$form->trata($html_hora_aquecimento)."\";</script>";
			echo "<script type='text/javascript'> var html_hora_inicio = \"".$form->trata($html_hora_inicio)."\";</script>";
			?>
		<script type="text/javascript">
			var cont_maiszinho_etapa = 0;
			function add_maiszinho_etapa()
			{
				cont_maiszinho_etapa++;
				$('contador_maiszinho_etapa').value = cont_maiszinho_etapa;
				var novotr	= document.createElement('tr');
					novotr.id = 'tr_'+cont_maiszinho_etapa;
				var td0		= document.createElement('td');
					td0.className = 'data2';
					td0.innerHTML = "<input type='button' id='linha_"+cont_maiszinho_etapa+"' value=' - ' onclick=\"remove_maiszinho_etapa($('tr_"+cont_maiszinho_etapa+"'))\" />";
				var td1		= document.createElement('td');
					td1.className = 'data2';
					var tmp1 = html_nome_etapa.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td1.innerHTML = tmp1;
				var td2		= document.createElement('td');
					td2.className = 'data2';
					var tmp2 = html_data_etapa.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td2.innerHTML = tmp2;
				var td3		= document.createElement('td');
					td3.className = 'data2';
					var tmp2 = html_hora_aquecimento.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td3.innerHTML = tmp2;
				var td4		= document.createElement('td');
					td4.className = 'data2';
					var tmp3 = html_hora_inicio.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td4.innerHTML = tmp3;
					novotr.appendChild(td0);
					novotr.appendChild(td1);
					novotr.appendChild(td2);
					novotr.appendChild(td3);
					novotr.appendChild(td4);
					$('tbody_etapa').appendChild(novotr);
			}
			function remove_maiszinho_etapa(elemento)
			{
				$('tbody_etapa').removeChild(elemento);
				//atualiza_qtde_arbitros_etapados();
			}
		</script>
				<input type='hidden' name='contador_maiszinho_etapa' id='contador_maiszinho_etapa' value='0' />
				<table width='90%' class='data2'>
					<tr>
						<th class='data2' colspan='5'>Etapas <input type='button' value=' + ' onclick='add_maiszinho_etapa()' /> </th>
					</tr>
					<tbody id='tbody_etapa'>
						<tr>
							<th class='maiszinho' width='5%'>#</th>
							<th class='maiszinho' width='35%'>Etapa</th>
							<th class='maiszinho' width='20%'>Data</th>
							<th class='maiszinho' width='20%'>Hora de Aquecimento</th>
							<th class='maiszinho' width='20%'>Hora de Início</th>
						</tr>
						<?
							if(isset($edit))
							{
								$sql = "SELECT * FROM TB_EVENTO_REL_ETAPA WHERE cod_evento = '".$edit."'";
								$exec = $this->Sql_Query($sql);
								$i = 0;
								while($dados = $this->Fetch_Assoc($exec))
								{
									$i++;
									?>
							<tr id='tr_<?=$i?>'>
								<td class='data2' width='5%'>
									<input type='hidden' name="hdn_pk_<?=$i?>" value='<?=$dados['cod_evento_rel_etapa']?>' />
									<input type='button' value=' - ' onclick="remove_maiszinho_etapa($('tr_<?=$i?>'))" />
								</td>
								<td class='data2'>
									<input class='td_cad input__' type='text' name='nome_etapa_<?=$i?>' id='nome_etapa_<?=$i?>' maxlength='150' value='<?=$dados['nome_etapa']?>' />
								</td>
								<td class='data2'>
									<input class='td_cad input__' type='text' onkeypress="formatar(this,'##/##/####')" name='data_etapa_<?=$i?>' id='data_etapa_<?=$i?>' maxlength='10' value='<?=$date->trata_data_db($dados['data_etapa'])?>' />
								</td>
								<td class='data2'>
									<input class='td_cad input__' type='text' onkeypress="formatar(this,'##:##:##')" name='hora_aquecimento_<?=$i?>' id='hora_aquecimento_<?=$i?>' maxlength='8' value='<?=$dados['hora_aquecimento']?>' />
								</td>
								<td class='data2'>
									<input class='td_cad input__' type='text' onkeypress="formatar(this,'##:##:##')" name='hora_inicio_<?=$i?>' id='hora_inicio_<?=$i?>' maxlength='8' value='<?=$dados['hora_inicio']?>' />
								</td>
							</tr>
									<?
								}
								?>
								<script type="text/javascript">
									cont_maiszinho_etapa = <?=$i?>;
									$('contador_maiszinho_etapa').value = cont_maiszinho_etapa;
								</script>
								<input type='hidden' name='edit' value='<?=$edit?>' />
								<?
							}
						?>
					</tbody>
				</table>
			<?
		}

Alguém aí tem sugestão de como resolver esse problema?

Dei uma lida no KB da Microsoft diz que um elemeto pai pode estar impedindo, mas nesse caso qual seria?

HTML gerado:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>WebEsportes.com.br - Sistema Administrativo</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<link href="datalist.css" rel="stylesheet" type="text/css" />
<meta name="robots" content="noindex, nofollow">
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/dataworks.js" type="text/javascript"></script>
<script type="text/javascript" src="menu/milonic_src.js"></script>	
<script type="text/javascript" src="menu/mmenudom.js"></script>
<script type="text/javascript" src="menu_data.php"></script>	
</head><body>
	<div id="topo" style="	background-image:url('images/fundo_topo_8.jpg');">
		<div id='logo_system'>
			<img src='images/logo_system.gif' />
		</div>
		<div id='mxv826'><a href=http://www.milonic.com/>DHTML JavaScript Menu Courtesy of Milonic.com</a></div>
	</div>
	<div id="menu"> </div>
	<div class='semi_invisivel'> </div>
	<div id='info_usuario'>
		Seja bem vindo(a) <strong>FAM - FEDERACAO AQUATICA MINEIRA,</strong> Hoje é Segunda-feira, 29 de Março de 2010 - 13:20:53<br />
		<em>Seu último acesso ao sistema foi <strong>hoje</strong>, às 12:48:48</em>
	</div>
	<div class='espacador_15px'> </div>
	<div id='principal'>
		<script src="openwysiwyg/wysiwyg.js" type="text/javascript"></script>
 
 
 
<form method='POST' action='' id='DATA_CAD_FORM' onsubmit="return data_valida_cad();updateTextArea('programacao_evento');" enctype="multipart/form-data">
    <div align='center' style='width:100%'>
        <table style="width: 98%" class="tabela_lista spacer_v font_12" cellpadding="2" cellspacing="2">
            <tr>
                    <th class="style1 font_14 th_acao" background="images/fundo_th.jpg" colspan="2">Cadastro de Eventos</th>
            </tr>
            <tr>
                <td class="listagem_campos" width="100%">
                    <table width="100%" border="0">
                      <tr>
                        <td class="listagem_campos">
                            <fieldset id='dados_evento'>
                                <legend>Dados do Evento
                                </legend>
                                    <!-- ******************************************* -->
                                    <table width="100%" border="0">
                                        <tr>
                                            <td  class="listagem_campos" align="left">
                                                Temporada:<br>
                                                <select class="listagem_campos td_cad input__" name="temporada_evento" id="temporada_evento">
                                                    <option value="0">-- Selecione --
                                                    </option>
                                                                                                                <option value='2005'>2005</option>
                                                                                                                        <option value='2006'>2006</option>
                                                                                                                        <option value='2007'>2007</option>
                                                                                                                        <option value='2008'>2008</option>
                                                                                                                        <option value='2009'>2009</option>
                                                                                                                        <option value='2010' selected>2010</option>
                                                                                                            </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  class="listagem_campos" align="left">
                                                Escopo:<br>
                                                                                                <strong>Estadual</strong>
                                                <input type='hidden' name='cod_escopo' value='4' />
                                                                                            </td>
                                        </tr>
                                                                                <tr>
                                            <td class="listagem_campos" colspan="3" align="left">
                                            Nome:<br />
                                            <input maxlength='220' class='td_cad input__' type='text' name='nome_evento' id='nome_evento' value='' />
                                            </td>
                                        </tr>
                                        <tr>
                                          <td class="listagem_campos" colspan="3" align="left">
                                          Troféu:
                                          <input maxlength='220' class='td_cad input__' type='text' name='trofeu_evento' id='trofeu_evento' value='' />
                                          </td>
                                        </tr>
                                        <tr>
                                          <td class="listagem_campos" align="left">
                                             Modalidade:
                                            <select class="listagem_campos td_cad input__" name="cod_modalidade" id="cod_modalidade">
                                                <option value='0'>-- Selecione --</option>
                                                <option value='4'>Maratonas Aquáticas</option><option value='2'>Nado Sincronizado</option><option value='1'>Natação</option><option value='5'>Natação Master</option><option value='6'>Natação Vinculada</option><option value='7'>Pólo Aquático</option><option value='3'>Saltos Ornamentais</option>                                            </select>
                                          </td>
                                          <td colspan="2" class="listagem_campos" align="left"> 
                                          </td>
                                        </tr>
                                        <tr>
                                            <td colspan='4' align='left'>
                                                Regionais: <br />
                                                <table width='100%'>
                                                <tr><td><input type='checkbox' name='regionais[]' value='2'> AR Centro Oeste      </td><td><input type='checkbox' name='regionais[]' value='3'> AR Sul      </td><td><input type='checkbox' name='regionais[]' value='4'> AR Nordeste      </td><tr><td><input type='checkbox' name='regionais[]' value='7'> AR Triângulo      </td><td><input type='checkbox' name='regionais[]' value='8'> AR Metropolitana      </td><td><input type='checkbox' name='regionais[]' value='9'> AR Sudeste      </td><tr><td><input type='checkbox' name='regionais[]' value='10'> AR Rio Doce      </td><td><input type='checkbox' name='regionais[]' value='28'> AR Centro Norte      </td>                                                </table>
                                            </td>
                                        </tr>
                                   </table>
                                   <!-- ******************************************* -->
                            </fieldset>
                           <br />
                            <fieldset id='datas_prazos'>
                                <legend>Datas e Prazos
                                </legend>
                                    <table width="100%" border="0" cellspacing="5">
                                        <tr>
                                          <td width="104" class="listagem_campos" align="left">
                                          Data de Início:
                                            <input maxlength='10' class='td_cad input__' type='text' name='data_inicio_evento' id='data_inicio_evento' onkeypress="formatar(this,'##/##/####')" value='' />
                                          </td>
                                          <td width="105" class="listagem_campos" align="left">
                                          Data Término:
                                            <input maxlength='10' class='td_cad input__' type='text' name='data_termino_evento' id='data_termino_evento' onkeypress="formatar(this,'##/##/####')" value='' />
                                          </td>
                                        </tr>
                                        <tr>
                                          <td class="listagem_campos" colspan="2" align="left">Limite p/ Inscrições
                                            <input maxlength='10' class='td_cad input__' type='text' name='data_insc_evento' id='data_insc_evento' onkeypress="formatar(this,'##/##/####')" value='' />
                                          </td>
                                        </tr>
                                   </table>
                           </fieldset>
                            <br />
                            <div align='center' id='etapas_evento'>
                            <script type='text/javascript'> var html_nome_etapa = "<input class='td_cad input__' type='text' name='nome_etapa_DATAWORKS' id='nome_etapa_DATAWORKS' maxlength='150' />";</script><script type='text/javascript'> var html_data_etapa = "<input class=\'td_cad input__\' type=\'text\' onkeypress=\"formatar(this,\'##/##/####\')\" name=\'data_etapa_DATAWORKS\' id=\'data_etapa_DATAWORKS\' maxlength=\'10\' />";</script><script type='text/javascript'> var html_hora_aquecimento = "<input class=\'td_cad input__\' type=\'text\' onkeypress=\"formatar(this,\'##:##:##\')\" name=\'hora_aquecimento_DATAWORKS\' id=\'hora_aquecimento_DATAWORKS\' maxlength=\'8\' />";</script><script type='text/javascript'> var html_hora_inicio = "<input class=\'td_cad input__\' type=\'text\' onkeypress=\"formatar(this,\'##:##:##\')\" name=\'hora_inicio_DATAWORKS\' id=\'hora_inicio_DATAWORKS\' maxlength=\'8\' />";</script>		<script type="text/javascript">
			var cont_maiszinho_etapa = 0;
			function add_maiszinho_etapa()
			{
				cont_maiszinho_etapa++;
				$('contador_maiszinho_etapa').value = cont_maiszinho_etapa;
				var novotr	= document.createElement('tr');
					novotr.id = 'tr_'+cont_maiszinho_etapa;
				var td0		= document.createElement('td');
					td0.className = 'data2';
					td0.innerHTML = "<input type='button' id='linha_"+cont_maiszinho_etapa+"' value=' - ' onclick=\"remove_maiszinho_etapa($('tr_"+cont_maiszinho_etapa+"'))\" />";
				var td1		= document.createElement('td');
					td1.className = 'data2';
					var tmp1 = html_nome_etapa.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td1.innerHTML = tmp1;
				var td2		= document.createElement('td');
					td2.className = 'data2';
					var tmp2 = html_data_etapa.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td2.innerHTML = tmp2;
				var td3		= document.createElement('td');
					td3.className = 'data2';
					var tmp2 = html_hora_aquecimento.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td3.innerHTML = tmp2;
				var td4		= document.createElement('td');
					td4.className = 'data2';
					var tmp3 = html_hora_inicio.replace(/DATAWORKS/g,cont_maiszinho_etapa).toString();
					td4.innerHTML = tmp3;
					novotr.appendChild(td0);
					novotr.appendChild(td1);
					novotr.appendChild(td2);
					novotr.appendChild(td3);
					novotr.appendChild(td4);
					$('tbody_etapa').appendChild(novotr);
			}
			function remove_maiszinho_etapa(elemento)
			{
				$('tbody_etapa').removeChild(elemento);
				//atualiza_qtde_arbitros_etapados();
			}
		</script>
				<input type='hidden' name='contador_maiszinho_etapa' id='contador_maiszinho_etapa' value='0' />
				<table width='90%' class='data2'>
					<tr>
						<th class='data2' colspan='5'>Etapas <input type='button' value=' + ' onclick='add_maiszinho_etapa()' /> </th>
					</tr>
					<tbody id='tbody_etapa'>
						<tr>
							<th class='maiszinho' width='5%'>#</th>
							<th class='maiszinho' width='35%'>Etapa</th>
							<th class='maiszinho' width='20%'>Data</th>
							<th class='maiszinho' width='20%'>Hora de Aquecimento</th>
							<th class='maiszinho' width='20%'>Hora de Início</th>
						</tr>
														<script type="text/javascript">
									cont_maiszinho_etapa = 0;
									$('contador_maiszinho_etapa').value = cont_maiszinho_etapa;
								</script>
								<input type='hidden' name='edi

Ele para aí a execução da página

Matias Rezende · Março 29, 2010

Isto provavelmente é problema de Javascript. Vou mover para o fórum correto. Enquanto isto, poste o HTML gerado pela execução deste código.

Tópico Movido

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript

Entrar

Arquivado

Erro Internet Explorer 8

Recommended Posts

Daniel Alves - Bigmidia 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Matias Rezende 50

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante