27 replies to this topic

[janick]

Olá,
tenho um formulário que possue uma label assim:

<label>
<p id="campo-file"><input type="file" name="imagem[]" /></p>
<p id="campo-desc"><input type="text" name="descricao[]" value="Descrição" onfocus="if(this.value == 'Descrição') this.value='';" onblur="if(this.value == '') this.value='Descrição';" /></p>
<p id="campo-radio"><input type="radio" name="capa[]" /> Capa?</p>
</label>

fiz um botão para adicionar mais uma linha (label), e gostaria de aplicar um efeito de fadeIn do jQuery, porém estou tendo dificuldades para criar essa nova linha.
visitando algumas páginas, consegui chegar nisso. não é o correto claro, está criando somente um input e ainda está sem o efeito.

$(document).ready(function(){

	$("#btn").click(function(){

		var elemento = document.createElement('input');
		var objContainer = document.getElementsByTagName('label')[0];
		var cria = objContainer.appendChild(elemento);

	});

});

valeu, obrigado!

[Alex Hiroshi]

No caso você só usou o evento do jquery. Você pode usar o html() para adicionar o label inteiro.

[janick]

consegui inserir usando append do jQuery. mto xxxxxx, putz.

só não consegui fazer com o efeito ainda.

$("#tudo").append("<label><p><input type='file' /></p></label>");

sabe como faz?

obrigado por responder!

[Alex Hiroshi]

É só colocar $("#tudo").fadeIn();

[janick]

eu to ligado quando ao fadeIn("slow"), o problema é o como integrar isso ao append.
coloquei

$("#tudo").append("<label><p><input type='file' /></p></label>");
$("#tudo").fadeIn("slow");

adiciona, mas nao com o fade.

Edição feita por: janick, 28/02/2008, 10:04.

[Alex Hiroshi]

Tem que iniciar o #tudo escondido. Coloque um $("#tudo").hide(); antes de adicionar o campo.

[janick]

é porque a primeira label já é para aparecer antes.
vi que dá pra fazer assim.

$("#tudo").append("<label><p><input type='file' /></p></label>").fadeIn("slow");

mas nao está funcionando pra mim.

colocando o tudo em hide, como vc disse, ele começa corretamente com fadein, porém nos outros, ele acrescenta sem efeito

consegui fazer assim. mas ele pisca desde de o primeiro.

$(document).ready(function(){

	$("#btn").click(function(){

		$("#tudo").hide();

		$("#tudo").append("<label><p><input type='file' /></p></label>").fadeIn("slow");

		return false;

	});

});

[Alex Hiroshi]

Ah, é que o id tudo é onde você está adicionando os campos. Não tinha reparado nisso.
Tenta assim:

var i=0;
	$("#btn").click(function(){
		$("#tudo").append("<label id='"+i+"'><p><input type='file' /></p></label>");
		$("#"+i).hide().fadeIn("slow"); i++;
	});

[janick]

não rolou =(

acrescenta só que sem o fade. fala sério o que pode ser.

[Alex Hiroshi]

Muda o id do label para o campo file.

[janick]

Valeu cara, era isso mesmo! Dai mudei para o "p", e funcionou exatamente como pensei, acrescentando uma linha inteira! O resultado final é esse:

$(document).ready(function(){

	var i=0;

	$("#btn").click(function(){

		$("#tudo").append("<label><p id='"+i+"'><input type='file' /></p></label>");

		$("#"+i).hide().fadeIn("slow"); i++;

		return false;

	});

});

Muito obrigado!

PS - eu só não consegui entender direito o $("#"+i), porque precisa estar com o "#"

Edição feita por: janick, 29/02/2008, 10:47.

[Alex Hiroshi]

É o id do campo. No jquery tem que ter o # para saber que é um id. Essa parte ficaria assim:

$("#0")
$("#1")
$("#2")
...

[janick]

ahh tá, captei !

valeu cara, brigadão!

[RonsisM]

Acquistare Kamagra Paris A Buon Mercato cialis Amoxil 250mg
Clobetasol Visa From Canada Next Day
Is Generic Levitra Safe <a href=http://cialtobuy.com>cialis</a> Cialis 2.5mg Price
Viagra 100mg No Prescription cialis Cialis 2013
Sertraline No Prescription Methotrexate And Amoxil Interaction
Generic Propecia No Prescription <a href=http://cialtobuy.com>online pharmacy</a> Viagra Et Decalage Horaire
Super Kamagra Ajanta Pharma cialis Cheap No Perscription Viagra
Apotheke Cialis Bestellen
Viagra Bestellen Auf Nachnahme <a href=http://cialtobuy.com>viagra cialis</a> Flovent
Can I Purchase Stendra Cod cialis Cialis Professional On Line
Buy Amoxicilina Viagra Preise Deutschland Kamagra Jelly 100 Mg Toulon
Levitra 100mg <a href=http://cialtobuy.com>cialis buy online</a> What Is Amoxicillin And Clavulanate Potassium

[RonsisM]

Combivent Without A Prescription buy cialis Atazanavir Buy Priligy 30 Mg Online
Cialis Venta Madrid online pharmacy Strattera 18 Cheap Prednisone No Script
Free Sample Pack Of Viagra online pharmacy Viagra Very Fast Shipping Purchasing Zentel In Internet Acheter Viagra Par Paypal
Discount Free Shipping Dutasteride Real Store Calvizie Propecia Finasteride cialis Buy Doxycycline Uk Online Propecia Pisos
Le Viagra Precoce Acne cialis online Low Cost Cialis Online Viagra 25 Mg 4 Tabl Buy Viagra Online Without Prescription
Cialis Generic Forum Cialis Viagra Was Ist Besser cialis Viagra Info Viagra Cialis Levitra Generique
Zithromax Azithromycin Dosage El Viagra Ayuda A Durar Mas generic cialis Cephalexin For Sinus
Viagra Prix Forum Lasix Diuretic 100mg cialis Propecia A Semana Santa Buy Doxycycline Online Legit Desyrel
Levitra 20mg Pas Cher buy cialis Sertraline No Prescription Propecia 1 Miligramo Zithromax Skin Rash Side Effects