Ir para conteúdo

POWERED BY:

Arquivado

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

will_pHp

[Resolvido] Abrir várias divs

Por , em Javascript

Recommended Posts

will_pHp    0

will_pHp
Postado

é o seguinte galera eu estou querendo abrir várias div's ao clicar em um botão, ja tentei um monte d coisas aqui e ainda naum consegui, estou tentando assim:

 

<html>
<head>
<style>
#load{
	width: 160px;
	height: 7px;
}
#load .progress_bar{
	width: 108px;
	height: 11px;
	border:1px solid #CCCCCC;
	background-image:url(progress_bar.gif);
	background-repeat:no-repeat;
	float:left;
}
#load span{	
	color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	float:right;
}
</style>
<script>
function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
	el.style.display = 'none';
	}else {
	el.style.display = '';
	}
}
</script>
</head>

<body>
File 1: <input type="file" name="file[]" /> <a href="#" onclick="removeEvent(\'"+divIdName+"\')">Remover</a>
<div id="load" style="display:none;">
<div class="progress_bar"></div><span>Loading...</span>
</div>

File 2: <input type="file" name="file[]" /> <a href="#" onclick="removeEvent(\'"+divIdName+"\')">Remover</a>
<div id="load" style="display:none;">
<div class="progress_bar"></div><span>Loading...</span>
</div>

<input type="submit" value="Enviar" name="enviar" onclick="toggle('wrap');"><br /><br />
[ <a href="#" onClick="addEvent();">Adicionar campos</a> ]
</body>
</html>

outra coisa, eu fiz os campos para serem dinâmicos, o códido esta quase todo ai, como eu posso fazer isso d forma mais fácil, a minha intenção é se o usuário quiser enviar mais d 2 arquivos ao mesmo tempo apareça esta barra embaixo do campo indicando q esta fazendo o upload.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

como solucionou o caso?

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