Inserir Imagem/Foto
Inserir Imagem/Foto
Neste post iremos inserir uma imagem/foto no cadastro de contatos. O nome dos aquivos de
imagens deverá ser o mesmo nome do campo "firstname".
*** Este é apenas um exemplo, podemos ter outras alternativas.
Em Settings - Customizations, clique em Contact - Forms.
Selecione o formulário principal.
Após abrir a janela para edição do formulário,clique em Header.
Com a área do cabeçalho selecionado, selecione a aba Insert e
clique em Web Resource.
Clique no icone, para selecionar um Web Resource, e clique no botão New para incluir.
Preencha os campos, e clique no botão "Text Editor"
Na janela de edição em Source, digite o seguinte código javascript.
*** Atenção: O endereço /_imgs é onde está publicada as imagens.
Após digitar o código acima clique em "OK" (não esqueça de salvar e publicar a customização).
Selecione o Web Resource criado.
Digite os campos obrigatórios, e clique em "OK".
Deixe a tela conforme ao lado.
Salve, e não esqueça de publicar a customização.
Entre no cadastro de Contatos, digite os campos obrigatórios e
o camo "firstname".
*** o nome do aquivo de imagem deve ser o mesmo digitado
no campo firstname.
Neste post iremos inserir uma imagem/foto no cadastro de contatos. O nome dos aquivos de
imagens deverá ser o mesmo nome do campo "firstname".
*** Este é apenas um exemplo, podemos ter outras alternativas.
Em Settings - Customizations, clique em Contact - Forms.
Após abrir a janela para edição do formulário,clique em Header.
clique em Web Resource.
Clique no icone, para selecionar um Web Resource, e clique no botão New para incluir.
Na janela de edição em Source, digite o seguinte código javascript.
<HTML><HEAD>
<META charset=utf-8>
<SCRIPT>
function inserirfoto()
{
var _nome = this.parent.document.getElementById("firstname").value;
if(_nome != null & _nome.length > 0)
{
document.getElementById("foto").src = "/_imgs/"+_nome+".jpg";
}
}
</SCRIPT>
</HEAD>
<BODY contentEditable=true onload=inserirfoto()>
<DIV style="POSITION: relative; TOP: -14px; LEFT: -9px"><IMG style="WIDTH: 100px; HEIGHT: 150px" id=foto > </DIV>
</BODY></HTML>
<META charset=utf-8>
<SCRIPT>
function inserirfoto()
{
var _nome = this.parent.document.getElementById("firstname").value;
if(_nome != null & _nome.length > 0)
{
document.getElementById("foto").src = "/_imgs/"+_nome+".jpg";
}
}
</SCRIPT>
</HEAD>
<BODY contentEditable=true onload=inserirfoto()>
<DIV style="POSITION: relative; TOP: -14px; LEFT: -9px"><IMG style="WIDTH: 100px; HEIGHT: 150px" id=foto > </DIV>
</BODY></HTML>
*** Atenção: O endereço /_imgs é onde está publicada as imagens.
Após digitar o código acima clique em "OK" (não esqueça de salvar e publicar a customização).
Digite os campos obrigatórios, e clique em "OK".
Deixe a tela conforme ao lado.
Salve, e não esqueça de publicar a customização.
Entre no cadastro de Contatos, digite os campos obrigatórios e
o camo "firstname".
*** o nome do aquivo de imagem deve ser o mesmo digitado
no campo firstname.
Postar um comentário