[Resolvido] tag <div> runtime

[Wellington09 1]

alguem sabe como eu faço para criar uma div runtime ?

não quero por uma tag <div> no meu HTML e deixar ela como style="display:none;".

 

Eu quero que ao sair o focu de um campo ele monte uma div na frente do mesmo, como eu monto essa div ?

[William Bruno 1501]

use o metodo createElement()

 

ou até mesmo um .innerHTML

[Wellington09 1]

$j("#estado").blur(function(){
		$j("#cidade").val("carregando...")

não estou consiguindo entender a hora de colocar uma div na frente da input cidade

eu devo fazer

$j("#cidade").val("carregando...").innerHTML() 
ou 
$j("#cidade").val("carregando...").createElement()

é isso ?

[augustoclaro 2]

se não quer criar uma div, use a tag span:

 

<span id="cidadestatus"></span>

Diferente de uma div, o span não ocupa espaço nem nada.

 

Aí use assim:

 

$j("#estado").blur(function(){
$j("#cidadestatus").val("Carregando...");
});

Espero ter ajudado +D

[William Bruno 1501]

jQuery isso ?

 

veja sobre o método

after().. lhe será útil

 

http://api.jquery.com/after/

 

mas ainda continua a ideia, ou você realmente cria o elemento, ou você faz uma string do html dele, e joga ele no teu documento.

 

pesquise os termos que postei, e tente fazer.. perguntar se 'seria assim', sem testar, não lhe ajudará.

[Wellington09 1]

WILLIAM eu estava fazendo um teste assim

function teste(){
	alert("what ?");
	teste = document.createElement("span");
	teste.setAttribute("id","carregando");
	document.body.appendChild(teste);
}

nunca precisei criar uma tag via runtime , mas dessa vez eu quis fazer uma coisa mais dinamica

com a dica que você me deu do .after() eu consegui fazer, porem estou tendo um probleminha.

eu tenho uma consulta de cep via webservice

 

beleza aqui ele criou a tag span, após a tag input do jeito que eu queria

$j("#cep").after('<span id="loading">consultando</span>')

if (resultado == "1"){
	$j("#loading").css({ display:"none"}) // fiz um display:none William pq ele estava imprimindo a palavara "CONSULTANDO" a cada pesquisa que eu fazia
	$j("#error").css({ display:"none"}) // aqui fiz a mesma coisa
}else{
	$j("#loading").css({ display:"none"}) // aqui fiz a mesma coisa
	$j("#error").css({ display:"none"}) // aqui fiz a mesma coisa
	$j("#cep").after('<span id="error">CEP não encontrado</span>')
}

beleza resolvi meu problema pelo menos para o usuario final , porém o meu probleminha que eu tinha dito antes é o seguinte, se eu abrir o firebug ele vai me mostrar um monte de tag span após minha input CEP

<span id="loading" style="display: none;">consultando</span>
<span id="error" style="display: none;">CEP não encontrado</span>
<span id="loading" style="display: none;">consultando</span>
<span id="error" style="display: none;">CEP não encontrado</span>
<span id="loading" style="display: none;">consultando</span>
<span id="error" style="display: none;">CEP não encontrado</span>
<span id="loading" style="display: none;">consultando</span>
<span id="error" style="display: none;">CEP não encontrado</span>

tem uma maneira de inprimir as tag apenas uma vez ?

 

a valeu pela dica william

[augustoclaro 2]

Faça como eu disse, crie uma tag span no html mesmo, e depois só vá mudando o innerHTML dela.

[William Bruno 1501]

antes de imprimir, remova as que você puder ter impresso anteriormente.

 

simples assim, ai você ficará 'trocando'...

[Wellington09 1]

augustoclaro valew pela dica cara, mas foi como eu tinha dito eu não quero usar uma DIV ou uma SPAN na pagina HTML eu queria fazer uma coisa mais dinamica que isso (criando as tag via jQuery), mas brigadão mesmo assim.

 

William como você tinha dito de remover o comando anterior eu fui na documentação da jQuery e vi sobre o comando .remove()

e no final ficou do jeito que eu queria valew mesmo pela força.

 

ficou assim

if (resultado == "1"){
	$j("span").remove("#loading");
	$j("span").remove("#error");
}else{
	$j("span").remove("#loading");
	$j("span").remove("#error");
	$j("#cep").after('<span id="error"> CEP não encontrado </span>')
}	

agora só vou ver se existe uma outra maneira de fazer isso

 

William quando acesso pelo firebug na minha tag input CEP aparece isso gtbfieldid="39" você sabe oque pode ser isso ? e eu não estou definindo isso em javascript nenhum

[William Bruno 1501]

Nunca vi isso não cara... no codigo HTML gerado.. Ctrl+U aparece também?

você está usando algum gerenciador, ou framework? (ZendFW..)

[Wellington09 1]

Bom, dei uma pesquisada no google e vi que gtbfieldid é da barra de ferramenta do google, beleza só fiquei curioso em saber oque era.

E não estou usando framework nenhum não.

 

Achei melhor deixar postado aqui caso alguem tenha o mesmo interesse em saber oque significa o gtbfieldid.