Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Mostarda

[Resolvido] Remover innerHTML, qual seria o comando

Por , em Javascript

Recommended Posts

Mostarda    0

Mostarda
Postado

bom galera esse script adiciona o campo, mais eu queria saber como eu faço pra remover tal campo criado segue o codigo

<!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>Untitled Document</title>
</head>

<script type="text/javascript">
      function AddCampo(id){
         el = document.getElementById(id);
         el.innerHTML += '<label><span>Imagem Extra</span></label><input type="file" name="img[]" /><br />';
      }
      
            
   </script>

<body>
<form method="post" action="" enctype="multipart/form-data">
   <a href="#"  onclick="AddCampo('img-extra')">Add Campo</a>
   
    <label><span>Imagem</span></label><input type="file" name="img[]"  id="img"/>
   
    <div id="img-extra"></div>
   
    <input type="submit" class="btn" value="Enviar" />
    <input type="hidden" name="acao" value="cadastrar" />
</form>
</body></html>
bom é isso vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado 

<!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>Untitled Document</title>
</head>

<script type="text/javascript">
var num = 0;
      function AddCampo(id){
         num += 1;
         el = document.getElementById(id);
         el.innerHTML += '<label><span>Imagem Extra</span></label><input id"'+ num +'" type="file" name="img[]" /><br />';
      }
      function RemCampo(){
         al = document.getElementById(num);
         al.style.display = 'none';
         num -= 1;
      }
   </script>

<body>
<form method="post" action="" enctype="multipart/form-data">
   <a href="#"  onclick="AddCampo('img-extra')">Add Campo</a>
   
    <label><span>Imagem</span></label><input type="file" name="img[]"  id="img"/>
   
    <div id="img-extra"></div>
   
    <input type="submit" class="btn" value="Enviar" />
    <input type="hidden" name="acao" value="cadastrar" />
</form>
</body></html>

Não funciona mas acho que seria algo desse tipo...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mostarda    0

Mostarda
Postado

nossa tentei de uma monte de forma rodei o google tudo encontrei varios scripts prontos porem codigos mt longos mais nao encontrei oq tava querendo pra solucionar o meu script

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

Que tal você criar um campo automaticamente quando o usuário ter selecionado um arquivo...

Ele selecionou uma rquivo no primeiro campo criado automaticamente, dai você cria mais um... se ele selecionar algo nesse cria mais um...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

Assim féra! ??

 

<html>  
<head>
        <title>java script: Adicionar e remover campos dinamicamente!</title>  
<script language="Javascript" type="text/javascript">   
/*
Script desenvolvido por: klonder
Postagem exclusiva em: http://www.forum.imasters.com.br
Liberado para uso e modificação.
*/

//Não altere esses valores!
var iCount = 0;
var iCampos = 1;
var hidden1; 


//Definindo quantos campos poderão ser criados (máximo);
var iCamposTotal = 5; 



//Função que adiciona os campos;
function addInput() {   
if (iCampos <= iCamposTotal) {
        hidden1 = document.getElementById("hidden1");
        
        //Criando uma variável que armazenará as informações da linha que será criada.
        //Os campos estão sendo colocados no interior de uma div, pois a linha contém muitos elementos;
        //Basta excluir a div, para excluir todos os elementos da linha;
        var texto = "<div id='linha"+iCount+"'><input type='file' name='img[]' id='texto"+iCount+"' value='Meu texto "+iCount+"'><input type='button' value='Apagar campo' onclick='removeInput(\"linha"+iCount+"\")'></div>";          
  
        //Capturando a div principal, na qual os novos divs serão inseridos:
        var camposTexto = document.getElementById('camposTexto');   
        camposTexto.innerHTML = camposTexto.innerHTML+texto;
  
        //Escrevendo no hidden os ids que serão passados via POST;
        //No código ASP ou PHP, você poderá pegar esses valores com um split, por exemplo;
                if (hidden1.value == "") {
                        document.getElementById("hidden1").value = iCount;
                }else{
                        document.getElementById("hidden1").value += ","+iCount;
                }
iCount++;
iCampos++;
}   
}
   
//Função que remove os campos;
function removeInput(e) {
   var pai = document.getElementById('camposTexto');
   var filho = document.getElementById(e);
   hidden1 = document.getElementById("hidden1");
   var campoValor = document.getElementById("texto"+e.substring(5)).value;
   var lastNumber = hidden1.value.substring(hidden1.value.lastIndexOf(",")+1);

	 var removido = pai.removeChild(filho);
		//Removendo o valor de hidden1:
		if (e.substring(5) == hidden1.value) {
				hidden1.value = hidden1.value.replace(e.substring(5),"");
		}else if(e.substring(5) == lastNumber) {
				hidden1.value = hidden1.value.replace(","+e.substring(5),"");
		}else{
				hidden1.value = hidden1.value.replace(e.substring(5)+",","");           
		}
        iCampos--;
}
</script> 
</head>  

<body>  

<form  name="form" id="form" action="" method="post">  
<input type="button" value="Adicionar" name="add_input" id="add_input" onclick="addInput();">
<br><br>
<input type='file' name='img[]' id='img'>
<div id="camposTexto"></div>
<br><input type="hidden" name="hidden1" id="hidden1" value="">
</form>  

</body>  
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito