Habilitando o Jquery-Confirm no SC9

Formulários
#1

Pessoal,

Encontrei uma library bem bacana numa postagem aqui, então resolvi implementá-la, já que os alerts do SC9 são bem feinhos mesmo. Esse é o site do Jquery-Confirm: http://craftpip.github.io/jquery-confirm/ .
Vamos lá…compartilhar o conhecimento…

  1. Baixei o ZIP com o jquery-confirm https://github.com/craftpip/jquery-confirm/releases/download/v3.3.4/jquery-confirm-v3.3.4.zip
  2. Criei uma Biblioteca Externa com nome ‘confirm’ e opção ‘Projeto’
  3. Editei a Biblioteca Externa criada acima, e carreguei o ZIP direto
  4. Ativei a biblioteca ‘confirm’ (Use Library)
  5. No evento onScriptInit inseri este código

[code]<?php
$caminhoCSS = sc_url_library(‘prj’,‘confirm’,‘css/jquery-confirm.css’);
$caminhoJQuery = sc_url_library(‘prj’,‘confirm’,‘js/jquery-confirm.js’);
?>

[/code] 6) Criei um método Javascript (Programming>JavaScript Method) com o nome 'alerta' 7) Inseri este código nesse métido 'alerta' [code]$.alert({ title: 'Text content!', boxWidth: '200px', useBootstrap: false, content: 'Simple modal!', });[/code] 8) No evento que quero acionar o alerta, inseri esse código: [code]$javascript_function = 'alerta'; // Javascript function name $javascript_parameters = array(); sc_ajax_javascript($javascript_function, $javascript_parameters); [/code]

Voilá!
Done!
Funfô!

Óbvio que esse foi apenas um teste, um exemplo, ainda preciso preparar os parâmetros pra exibir a minha mensagem no alert, mas parece que o site da Library tem tudo que você precisa pra customizar os [glow=red,2,300]“alerts, confirms and dialogs”[/glow] pra deixar a interface mais simpática… :wink:

Essa é a tabela de símbolos que podemos usar nos alerts dessa biblioteca: https://www.shanidkv.com/blog/font-awesome-icons-css-content-values . Vou até salvar isso em PDF, porque vai ser uma mão na roda, apesar de não saber se todos os gráficos estão no css…

Espero que ajude …(minha primeira contribuição para o forum…)
Abraços 4all

Marcio André

#2

Obrigado Marcio

#3

Obrigado Marcio, por sua contribuição.

Forte abraço!

#4

Tem essa lib também: Sweet Alert 2:
https://sweetalert2.github.io/

#5

Boa, Jailton!
Ja tinha visto essa daí também, mas dei preferência pra Jquery-Confirm porque achei mais sóbria e profissional, mas a Sweet dá pra usar em alguns casos também.
Abraços…

Marcio

#6

Muito obrigado, Marcio !!!

#7

Funcionou perfeito, muito obrigado!

#8

SIM, meu caro.

Tudo, exceto copiar/ativar a library na External Library, é no apl que você quer usar a library.
Pra descobrir o caminho das pedras, fiz tudo na aplicação, mas já estou transferindo a function que criei (warning()) pra uma Internal Library a fim de reutilizá-la em qualquer apl desenvolvido no SC9.

function warning(mensagem) {
$.confirm({
title: ‘Atenção’,
boxWidth: ‘300px’,
useBootstrap: false,
type: ‘orange’,
icon: ‘fa fa-warning’,
typeAnimated: true,
buttons: {
fechar: {
text: ‘Fechar’, // With spaces and symbols
action: function () {}
}
},
content: mensagem });
}

#9

Obrigado.