quinta-feira, 15 de outubro de 2020

DICAS 3146 -WEBDEV TUTORIAL 80 - 26-10-2020-10_00Hrs-Licao 5.3 - EMAIL - MEHORIA PAGINA - PARTE D FINAL



https://youtu.be/dIs4kJb-QCE



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

Esse Ao Vivo vai estrear as 10:00 do dia 26/10/2020-

DICAS 3146 -WEBDEV TUTORIAL 80 - 26-10-2020-10_00Hrs-Licao 5.3 - EMAIL - MEHORIA PAGINA - PARTE D FINAL 

ASSUNTOS

Melhorias na Pagina 
Explicando porque vamos continuar no projeto 
meu_webdev_site_gerenciar_produtos_Amarildo
Criando o botao cancelar
codigo de cancelar
popup Cancelar
Descricao do botao cancelar alterar para 
Do not Sender server e Run Browser
Abrindo a página pop-up
Criando Link na pagina lista produtos
Alterando codigo do email
Executando a pagina e mandando email 
Consideracoes Finais
PROXIMA LICAO: Lição 5.4. Identificando o usuário: 
o groupware do usuário


DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B

==================================

// btn_enviar ( popup)(server) 
// SMTP
MINHA_SESSAO is emailSMTPSession
MINHA_SESSAO..ServerAddress="smtpserver"
MINHA_SESSAO..Name="nome_usuario"
MINHA_SESSAO..Password="senha"
IF EmailStartSession(MINHA_SESSAO)=False THEN
ToastDisplay("smtp com erro",toastLong,vaMiddle,haCenter,ErrorInfo())
    RETURN 
END
//EMAIL
EMAIL_DADOS is Email 
EMAIL_DADOS..Sender=EDT_Remetente
EMAIL_DADOS..Subject=EDT_Assunto
EMAIL_DADOS..HTML=EDT_HTML
EMAIL_DADOS..Message=HTMLToText(EDT_HTML)
EMAIL_DADOS..Recipient[1]=EDT_Destinatario
// ENVIAR EMAIL
IF EmailSendMessage(MINHA_SESSAO,EMAIL_DADOS)=False THEN
ToastDisplay("ERRO MENSAGEM",ErrorInfo())
ELSE
    ToastDisplay("MENSAGEM ENVIADA COM SUCESSO")
END
// FECHAR SESSAO
EmailCloseSession(MINHA_SESSAO)

==================================


// BTN_CANCELAR - BROWSER - NAVEGADOR

PopupClose()


==================================

// ONCLICK - LINK ENVIAR EMAIL (BROWSER)
// PopupDisplay é usado para exibir o pop-up.
// PopupDisplay is used to display the pop-up.
// PopupDisplay est utilisé pour afficher le pop-up.
// PopupDisplay se utiliza para mostrar la ventana emergente.

PopupDisplay(POPUP_EMAIL)

==================================









PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos











Melhorias de página
Vamos melhorar nossa página pop-up:
  • Adicione um controle de botão para fechar esta página pop-up.
  • Inicie a página pop-up na página "PAGE_List_of_products".

Fechando a página pop-up

  • Para adicionar um controle de botão para fechar a página pop-up:
    1. No painel "Criação", no grupo "Controles usuais", clique em "Botão".
    2. Clique na posição na janela onde deseja criar o controle de Botão (por exemplo, na parte inferior, à direita do controle de Botão "ENVIAR").
      Criação do controle para fechar a página
    3. Selecione o controle e pressione Enter. A legenda se torna editável. Digite "Cancelar" e valide.
    4. Exibe os eventos associados ao controle (F2).
    5. Digite o seguinte código no código de clique do navegador:
      PopupClose ()
      PopupClose é usado para fechar o pop-up.
  • Esta função é uma função do navegador, executada apenas no navegador: não é necessário retornar ao servidor. Portanto, vamos modificar o tipo de botão "Cancelar" conseqüentemente:
    1. Abra a janela de descrição do controle do botão "Cancelar" (clique duas vezes no controle).
    2. Na guia "Geral", na área "Ação do botão", para a opção "Durante a ação", selecione "Não enviar nada para o servidor".
    3. Valide a janela de descrição do controle.
Vamos agora ver como a página pop-up pode ser aberta.

Abrindo a página pop-up

A página popup para o envio de um email será aberta a partir do menu da página "PAGE_List_of_products".
  • Exibir a página "PAGE_List_of_products":
    1. No editor, na barra de páginas, expanda "Páginas pop-up".
      Exibindo páginas pop-up
    2. Na lista exibida, clique em "PAGE_List_of_products".
  • Vamos agora criar um controle Link para enviar uma sugestão:
    1. No painel "Criação", no grupo "Controles usuais", clique em "Link".
    2. Em seguida, clique na seção superior da página (acima do controle "Notificações"): o controle Link é criado.
    3. Modifique a legenda: "Envie uma sugestão" e valide.
    4. Abra a janela de descrição do controle (clique duas vezes no controle).
    5. Na área "Ação do link":
      • O tipo deve corresponder a "Executar apenas o código de clique do navegador".
      • A opção "Durante a ação" deve corresponder a "Não enviar nada para o servidor".
        Descrição de um controle de link
    6. Valide a janela de descrição do controle.
    7. Exibe os eventos associados ao controle Link (F2).
    8. Digite o seguinte código no código de clique do navegador:
      PopupDisplay POPUP_ NoName1 )
      PopupDisplay é usado para exibir o pop-up.

Observação

Por que não abrimos o pop-up do menu encontrado no modelo de página?
A página pop-up que foi criada está vinculada à página "PAGE_List_of_products". Ele só pode ser usado nesta página.
Para usar um pop-up de um modelo de página, o pop-up deve ser criado a partir do modelo de página.
  • Salve a página e seu código ( Salvar um elementoou Ctrl + S).
  • Execute o teste de página ( Execute o teste de uma páginaentre os botões de acesso rápido) e abra o popup para enviar uma sugestão.
    Testando a página pop-up
  • Feche o navegador.

Observação

Por que o link não aparece no navegador no local especificado?
No editor de páginas, o controle Link fica posicionado acima do controle de pesquisa, mas em tempo de execução aparece acima da opção "ADICIONAR UM PRODUTO". Essa diferença se deve à ancoragem do controle do Link.
Na verdade, no editor de página, várias setas vermelhas são exibidas no cabeçalho da página. Essas setas indicam que os controles estão ancorados. Veremos como a ancoragem funciona em detalhes nas lições de conceitos avançados . O controle Link que criamos não é ancorado e segue o movimento dos controles ao seu redor.
  • Para ancorar o controle de link à direita (e evitar que ele se mova):
    1. Selecione o controle Link.
    2. No menu pop-up (clique com o botão direito), selecione "Anchor".
    3. Na janela que aparece, selecione e valide.

Teste

Teste
teste