[Resolvido] Problemas em colocar arquivo.gif Dinamicamente

[WebMasterJr 0]

Na pagina abaixo mostra aonde que quero colocar o gif.

 

 

Essa é a imagem no meu Flickr....

 

 

E abaixo esta a programação para inserir o endereço e para travar os respectivos campos na tela indicada acima que ja foi feito com sucesso, só resta mesmo fazer a parte de colocar o loader.gif:

 

  // função para preencher automaticamente: Cidade, Rua e Bairro.
       function getEndereco() {
           // Se o campo CEP não estiver vazio
           if ($.trim($("#@Html.FieldIdFor(model => model.CEP)").val()) != "") {
               $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep=" + $("#@Html.FieldIdFor(model => model.CEP)").val(), function () {


                   var log = $("#@Html.FieldIdFor(model => model.Logradouro)");
                   var bairro = $("#@Html.FieldIdFor(model => model.Bairro)");
                   var cidade = $("#@Html.FieldIdFor(model => model.Cidade)");
                   var uf = $("#@Html.FieldIdFor(model => model.UF)");


                   // desabilita a edição dos campos
                   log.attr('disabled', 'disabled');
                   bairro.attr('disabled', 'disabled');
                   cidade.attr('disabled', 'disabled');
                   uf.attr('disabled', 'disabled');

                   // o getScript dá um eval no script, então é só ler!
                   // Se o resultado for igual a 1
                   if (resultadoCEP["resultado"] != "0") {
                       // troca o valor dos elementos
                       log.val(unescape(resultadoCEP["tipo_logradouro"]) + ": " + unescape(resultadoCEP["logradouro"]));
                       bairro.val(unescape(resultadoCEP["bairro"]));
                       cidade.val(unescape(resultadoCEP["cidade"]));
                       uf.val(unescape(resultadoCEP["uf"]));
                   }

                   log.removeAttr('disabled');
                   bairro.removeAttr('disabled');
                   cidade.removeAttr('disabled');
                   uf.removeAttr('disabled');
               });
           }
       }

       $('#@Html.FieldIdFor(model => model.CEP)').blur(function () {
           getEndereco();
       });
   });
</script>

 

E agora esta os campos criados dinamicamente:

 

@Html.LabelFor(model => model.CEP, "CEP"):
@Html.TextBoxFor(model => model.CEP, new { @class = "validate[required] masked", maxlength = "9", alt = "cep" })
@Html.ValidationMessageFor(model => model.CEP)
<br />
@Html.LabelFor(model => model.Logradouro):
@Html.TextBoxFor(model => model.Logradouro, new { @class = "contato_logradouro", maxlength = "50"})
<br />
@Html.LabelFor(model => model.Bairro):
@Html.TextBoxFor(model => model.Bairro, new { @class = "contato_bairro", maxlength = "50"})
<br />
@Html.LabelFor(model => model.Cidade):
@Html.TextBoxFor(model => model.Cidade, new { @class = "contato_cidade", maxlength = "20"})
<br />
@Html.LabelFor(model => model.UF):
@Html.TextBoxFor(model => model.UF, new { @class = "contato_uf", maxlength = "2"})

 

 

O problema é que eu não estou conseguindo inserir a linha de codigo para inserir uma imagem que no caso é essa que esta no meu Flickr e que aonde esta o quadrante vermelho terá que aparecer...

 

Se puderem me ajudar agradeceria...

[Ivan.Teles 23]

Cara se os campos são dinamicos, você tem que adicionar uma imagen dinamicamente também, adiciona um span lá onde você deseja, e usando jquery você tb add a imagem ao span.

[WebMasterJr 0]

Caro Ivan.Teles estou tentando colocar esse <SPAN> mais como sou novo com MVC e Jquery nao estou sabendo com exatidão onde posso declarar se é no:

 

@Html.LabelFor(model => model.CEP, "CEP"):
@Html.TextBoxFor(model => model.CEP, new { @class = "validate[required] masked", maxlength = "9", alt = "cep" })
@Html.ValidationMessageFor(model => model.CEP)
<br />
@Html.LabelFor(model => model.Logradouro):
@Html.TextBoxFor(model => model.Logradouro, new { @class = "contato_logradouro", maxlength = "50"})
<br />
@Html.LabelFor(model => model.Bairro):
@Html.TextBoxFor(model => model.Bairro, new { @class = "contato_bairro", maxlength = "50"})
<br />
@Html.LabelFor(model => model.Cidade):
@Html.TextBoxFor(model => model.Cidade, new { @class = "contato_cidade", maxlength = "20"})
<br />
@Html.LabelFor(model => model.UF):
@Html.TextBoxFor(model => model.UF, new { @class = "contato_uf", maxlength = "2"})

 

Mais eu nao estou conseguindo colocar nesse trecho do programa.

 

 

Muito Obrigado desde ja.

[WebMasterJr 0]

Meus caros amigos eu consegui juntamente com meu chefe e amigo resolver esse "probleminha" que para muitos aqui é simples... mais são desafios que a cada dia que passamos nos ensina a viver e aprendemos com eles. Abaixo colocarei o codigo modificado para apreciação dos amigos e espero ajudar alguem futuramente, Obrigado Ivan.Teles pela ajuda.

 

@Html.LabelFor(model => model.CEP, "CEP"):
@Html.TextBoxFor(model => model.CEP, new { @class = "validate[required] masked", maxlength = "9", alt = "cep" })
@Html.ValidationMessageFor(model => model.CEP)
<img src="@Url.Content("~/img/loader.gif")" alt=" " id="loading" style="display: none"/>

 

A parte do <img> eu nao sabia que podia ser declarada assim, mais assim é a vida.

 

 $(function () {

       // função para preencher automaticamente: Cidade, Rua e Bairro.
       function getEndereco() {
           // Se o campo CEP não estiver vazio
           if ($.trim($("#@Html.FieldIdFor(model => model.CEP)").val()) != "") {
               $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep=" + $("#@Html.FieldIdFor(model => model.CEP)").val(), function () {

                   $("#loading").show();

                   var log = $("#@Html.FieldIdFor(model => model.Logradouro)");
                   var bairro = $("#@Html.FieldIdFor(model => model.Bairro)");
                   var cidade = $("#@Html.FieldIdFor(model => model.Cidade)");
                   var uf = $("#@Html.FieldIdFor(model => model.UF)");


                   // desabilita a edição dos campos
                   log.attr('disabled', 'disabled');
                   bairro.attr('disabled', 'disabled');
                   cidade.attr('disabled', 'disabled');
                   uf.attr('disabled', 'disabled');

                   // o getScript dá um eval no script, então é só ler!
                   // Se o resultado for igual a 1
                   if (resultadoCEP["resultado"] != "0") {
                       // troca o valor dos elementos
                       log.val(unescape(resultadoCEP["tipo_logradouro"]) + ": " + unescape(resultadoCEP["logradouro"]));
                       bairro.val(unescape(resultadoCEP["bairro"]));
                       cidade.val(unescape(resultadoCEP["cidade"]));
                       uf.val(unescape(resultadoCEP["uf"]));
                   }

                   log.removeAttr('disabled');
                   bairro.removeAttr('disabled');
                   cidade.removeAttr('disabled');
                   uf.removeAttr('disabled');
                   $("#loading").hide();
               });
           }
       }

 

E acima esta as duas linhas parar chamar a imagens e para fazer ela desaparecer... Mais dependendo da situação terá que ser mudado o "getScript" para ajax.

 

Muito Obrigado Mais uma vez.