quarta-feira, 9 de junho de 2021

DICAS 3352 - WINDEV WEBDEV MOBILE - Vamos montar mascaras com jquery Cnpj Cpf Telefone cep no Webdev - Curso Webdev 94 -






https://youtu.be/W3s63iOezSk




Bom Dia Boa Tarde Boa Noite

Mande um email pedido para receber todas notificaçoes dos videos 


Seja Membro do Canal


Esse Video vai estrear as 10:00 do dia 16/06/2021

DICAS 3352 - WINDEV WEBDEV MOBILE - Vamos montar mascaras com jquery Cnpj Cpf Telefone cep no Webdev - Curso Webdev 94 - 


ASSUNTOS


Vamos montar mascaras com jquery Cnpj Cpf Telefone cep no Webdev
Vamos criar uma pagina chamada mascaras_exemplo 
Vamos criar uma celula 
Vamos criar 4 edt , cnj cpf telefone e cep 
Vamos entrar no codigo da celula e colocar os atributos da jquery 
Explicando como saber o nome do atributo 



Pagina Jquery 

   https://jquery.com/

   https://plugins.jquery.com/jquery.inputmask/

Exemplo 

   https://github.com/RobinHerbots/Inputmask   

--- Dentro do componente Jquery

jquery.inputmask.js

----- Dentro Celula Atributos

// https://jquery.com/
// https://plugins.jquery.com/jquery.inputmask/
// https://github.com/RobinHerbots/Inputmask // Dica

$("#A1").inputmask("99.999.999/9999-99");
$("#A4").inputmask("999.999.999-99");
$("#A5").inputmask("(99)999-99-99-99");
$("#A7").inputmask("99999-999");

---------------- INDICE WEBDEV

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





















DICAS 3351 - WINDEV WEBDEV MOBILE - Fazendo Exemplo Grafico vertical webdev - Curso Webdev 93 -



https://youtu.be/goEPhIgAj6I



Bom Dia Boa Tarde Boa Noite

Mande um email pedido para receber todas notificaçoes dos videos 


Seja Membro do Canal

DICAS 3351 - WINDEV WEBDEV MOBILE - Fazendo Exemplo Grafico vertical webdev - Curso Webdev 93 - 



ASSUNTOS

Aula feito em windev sobre grafico vertical
https://youtu.be/w7rdHMFILf4

Fazendo um exemplo para testar grafico vertical,


---------------- INDICE WEBDEV

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














terça-feira, 8 de junho de 2021

DICAS 3350 - WINDEV WEBDEV MOBILE - combox editavel Parte 2 - Dica Marcilon Mendonça - Curso Webdev 92 - Combox 21





https://youtu.be/8n6FdCvDnDY




Bom Dia Boa Tarde Boa Noite

Mande um email pedido para receber todas notificaçoes dos videos 


Seja Membro do Canal


Esse Video vai estrear as 10:00 do dia 15/06/2021

DICAS 3350 - WINDEV WEBDEV MOBILE - combox editavel Parte 2 - Dica Marcilon Mendonça - Curso Webdev 92 - Combox 21



Pagina Jquery 
   https://jquery.com/
Link select2.org
   https://select2.org/   



ASSUNTOS


Vamos criar uma pagina combox editavel Modelo 1
Vamos criar 1 combox por programacao com alguns Produtos 
Vamos copiar esse combox para ter 2 combox para mostrar
Na primeira pagina vamos colocar os link utilizados jquery , javascripts, css dentro pagina nas propriedades detalhes
Dentro do combox vamos fazer o codigo java script 
Vou explicar usar ponto ou #


---- Codigos 

Html 
Css
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
JavaScript 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
--- Codigo combox 
// 
// estamo pegando uma classe .js-example-basic-single'-
// nesse caso vou pegar o id desse componente combox 
// e pegamos essse id no alias no caso A1

// Explicando ponto ou #
//.A1 é classe, toda classe que contem o A1 vai receber o código
// #A1 é o Id do componente, somente os componentes que contem o A1 vão rececer o codigo
$('#A1').select2({
placeholder: 'Seleciona uma opcao'
});



-------------------------- INDICE CURSO COMBOX


WinDev - Combox - 001/... Preencher Manualmente e Eliminar
WinDev - Combox - 002/... Selecionar Combox
WinDev - Combox - 003/... Combox Editavel
WinDev - Combox - 004/... Combox - Ordem/Sort
WinDev - Combox - 005/... Combox Glink
WinDev - Combox - 006/... Selecione Linha Automatico - custom row
WinDev - Combox - 007/... ComboOpen e ComboClose
Adiciona Combox Manualmente - Combox 008 AULA 1258

---------------- INDICE WEBDEV

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
















Teste

Teste
teste