none
Alterar src objeto img com javascript RRS feed

  • Pergunta

  • Boa tarde!

    Preciso alterar src de uma img por codigo usando javascript. Nao posso adicionar runat="server" porque afeta outras funcionalidades que estao funcionando.

    ja tentei duas opções:

    Script_Java = "$('#ImgFoto').attr('src', '" & Me.PlaFun.F_Get_Dados_DataReader_String(SqlDR, "Foto") & "')"

    ScriptManager.RegisterClientScriptBlock(Me, Me.Page.GetType, "", Script_Java, True)

    ou

    Script_Java = "document.getElementById('#ImgFoto').src = '" & Me.PlaFun.F_Get_Dados_DataReader_String(SqlDR, "Foto") & "'" ScriptManager.RegisterClientScriptBlock(Me, Me.Page.GetType, "", Script_Java, True)

    Obrigado!

    quinta-feira, 18 de fevereiro de 2016 16:18

Respostas

  • Achei uma solucao aqui, não sei se é a melhor, mas perder dois dias por causa de uma imagem não é facil nao.

    Coloquei esse javascript na pagina e funcionou.

            <script type="text/javascript">
            $(document).ready(function() {
                F_Teste();
            });
            
            function F_Teste()
            {
                //alert(document.getElementById('ctl00_ContentPlaceHolder3_TabContainer1_Tab_DC_TxtID_Pessoa').value);
                $("#ImgFoto").attr("src", "http://www.atiptenis.com.br/SabtechPME_Imagens/Perfil/Fotos/Pessoa_Perfil_Foto_" + document.getElementById('ctl00_ContentPlaceHolder3_TabContainer1_Tab_DC_TxtID_Pessoa').value + ".jpg");
            }
    

    Obrigado

    • Marcado como Resposta Marcos SJ quinta-feira, 18 de fevereiro de 2016 17:11
    quinta-feira, 18 de fevereiro de 2016 16:50

Todas as Respostas

  • Ola, ao depurar o JS da página quando este código é injetado, o que é exibido? Algum erro ou nada acontece? Que  tipo de evento vai disparar essa mudança?

    Rodrigo Reis Ferreira
    Microsoft Certified

    quinta-feira, 18 de fevereiro de 2016 16:24
  • nada acontece
    quinta-feira, 18 de fevereiro de 2016 16:28
  • Achei uma solucao aqui, não sei se é a melhor, mas perder dois dias por causa de uma imagem não é facil nao.

    Coloquei esse javascript na pagina e funcionou.

            <script type="text/javascript">
            $(document).ready(function() {
                F_Teste();
            });
            
            function F_Teste()
            {
                //alert(document.getElementById('ctl00_ContentPlaceHolder3_TabContainer1_Tab_DC_TxtID_Pessoa').value);
                $("#ImgFoto").attr("src", "http://www.atiptenis.com.br/SabtechPME_Imagens/Perfil/Fotos/Pessoa_Perfil_Foto_" + document.getElementById('ctl00_ContentPlaceHolder3_TabContainer1_Tab_DC_TxtID_Pessoa').value + ".jpg");
            }
    

    Obrigado

    • Marcado como Resposta Marcos SJ quinta-feira, 18 de fevereiro de 2016 17:11
    quinta-feira, 18 de fevereiro de 2016 16:50
  • Que bom que conseguiu Marcos, pelo visto era o momento do carregamento do JS que tava causando problema, com o document.ready o JS é executado após a criação do DOM, deve ser isso.

    Imagine que você precisava que o disparo fosse feito via code-behind.


    Rodrigo Reis Ferreira
    Microsoft Certified

    quinta-feira, 18 de fevereiro de 2016 20:41