herreraaa

Bom dia, a todos do forum WMO!

Tenho um problema com com um código de JS que abre varias divs com inputs dentro delas para inserção de dados.
Esse código eu tenho a mil anos e agora que eu percebi que as divs não abrem no FF, Safari, Chrome, tdo por causa do innerHTML.

Já pesquisei muito na net, mas não encontrei nada que eu realmente entenda para artualizar esse código(só ajax e jquery o que eu me perco fácil)

abaixo o código


função abrir painel

<script language="javascript">function createPanel(oParent, type){	
var oSrc = document.getElementById("pansrc" + type);	

if (! oSrc) return alert("Não foi possível adicionar " + type);		
var srcHtml = oSrc.innerHTML;	
var newCount = oParent.children.length + 1;	
srcHtml = srcHtml.replace(/#/g, newCount);	
oParent.insertAdjacentHTML("beforeEnd", srcHtml)}</script>

Painel que deve abrir ao acionar a função

<div id="pansrcComp" style="display:none; padding-top:10px; padding-bottom:10px;">

<input type="hidden" name="material_extra" value="#">
<ul>	
<li>		
<label class="esquerdaAlinha2">Arquivo: </label>		
<input type="file" name="material_extra#" value="upload" />	
</li>	
<li>		
<label class="esquerdaAlinha2">Descrição: </label>		 
<textarea name="descricao_extra#"></textarea>	
</li>
</ul>
</div>
<div id="panComp" style="padding-top:10px; float:left;"></div>
<div style="text-align:left;padding-top:3px; float:left;">	
<a onClick="createPanel(document.getElementById('panComp'), 'Comp'); return false" href="#">teste</a>
</div> 
</div>

Ta ae, é um código altamente funcional no IE(só colar e testar)

Gostaria que vocês me dessem um help, um código diferente ou até mesmo uma leitura diferente desse meu código...
O que vocês puderem fazer está ótimo.

Desde já agradeço pelo apoio.