IDENTIFICAR NAVEGADOR COM JAVASCRIPT

Utilizei esta função em um sistema web onde rodava melhor no browser Mozilla Firefox. Então caso o usuário tentasse entrar no sistema por outro browser, o sistema exibiria um alerta informando que o browser utilizado não estava homologado para rodar este sistema.

Segue a função javascript

function identific_nav(){ var nav = navigator.userAgent.toLowerCase(); if(nav.indexOf("msie") != -1){ var browser = "msie"; alert("Este browser("+browser+") não está homologado para rodar este sistema!"); }else if(nav.indexOf("opera") != -1){ var browser = "opera"; alert("Este browser("+browser+") não está homologado para rodar este sistema!"); }else if(nav.indexOf("mozilla") != -1){ if(nav.indexOf("firefox") != -1){ var browser = "firefox"; }else if(nav.indexOf("firefox") != -1){ var browser = "mozilla"; }else if(nav.indexOf("chrome") != -1){ var browser = "chrome"; alert("Este browser("+browser+") não está homologado para rodar este sistema!"); } }else{ alert("Navegador desconhecido!"); } } identific_nav()

ACRESCENTAR AUTOMATICAMENTE COM JAVASCRIPT ZERO A ESQUERDA DO VALOR DIGITADO NO CAMPO

Em um formulário, tenho um campo numérico onde só posso escrever até 3 números, sendo que se escrever somente um número, o campo automaticamente é preenchido com mais dois zeros a esquerda do valor digitado ou dependendo da quantidade de números digitados é acrescentado mais ou menos zeros a esquerda.

Veja o Exemplo de como implementar a função em seu código:

HTML
<input maxlength="3" type="text" onblur='zeroEsquerda(this,3)'>
/// Após digitar neste campo e clicar fora ou passar pra outro campo,  a função zeroEsquerda(this,3) é chamada e passa o objeto do campo e até quantos zeros poderão ser acrescentados a esquerda do número digitado, que nesse caso foi o "3".

FUNÇÃO JAVASCRIPT
function zeroEsquerda(objetoElemento, qtdZero){ qtdZero = qtdZero ? qtdZero : 0; ///se não informar qtdZero então não coloca zero a esquerda var zero = '' for(var i=1; i<=qtdZero; i++){zero += '0'} return objetoElemento.value = (zero + objetoElemento.value).slice(-qtdZero); }

Se este código foi útil ou tem alguma dúvida não esqueça de deixar seu comentário.

SUBSTITUIR ELEMENTO POR OUTRO COM JQUERY JAVASCRIPT

Precisei substitui um elemento por outro e a função jquery .replaceWith foi perfeita pra solucionar meu problema.

HTML:
<span id="Elemento-1"></span>
<div id="Elemento-2"></div>

JAVASCRIPT:
$("#Elemento-1").replaceWith("<div id='Elemento-3'></div>"); ///na linha acima estou pedindo pra substituir o elemento com o id="Elemento-1" pelo html <div id='Elemento-3'></div>
RESULTADO:
<div id="Elemento-3"></div>
<div id="Elemento-2"></div>

Se este código do dia foi útil ou tem alguma dúvida, deixe seu comentário.

REMOVER ESPAÇOS EM BRANCO DUPLICADOS OU REPETIDOS EM JQUERY JAVASCRIPT

Precisei de um comando em jquery para remover os espaços duplicados ou mais entre strings.
Pra quem gosta de expressão regular como eu, então vai gostar deste código. :D

$("#elemento_1").val($(#elemento_1).val().replace(/\s{2,}/g, ' '));
Remove mais de um espaço que tem repetido entre frases que estão no valor texto do #elemento_1 e atualiza o valor do #elemento_1 sem os espaços em branco repetidos, deixando somente um espaçamento entre as frases.

Se este código foi útil ou tem alguma dúvida não esqueça de deixar seu comentário.

VERIFICAR SE STRING CONTÉM SOMENTE NÚMEROS EM JAVASCRIPT

Hoje precisei desta função javascript para verificar se em uma string contém somente números.
A função parece simples mais na hora da correria é de grande ajuda.

function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } isNumber('123'); // true isNumber('asda123'); // false

COMPARAR DUAS DATAS EM JAVASCRIPT

Uma forma simples e prática de comparar a data de hoje com uma data extraída de um campo input com o jquery $("#dataForm").val() de um formulário.

HTML:
<input id="dataForm" type="date" value="14/05/2020" />

JAVASCRIPT:
var dataForm = $("#dataForm").val().split("/"); var hoje = new Date(); var dataInformada = new Date(dataForm[2], dataForm[1] - 1, dataForm[0]); if (hoje < dataInformada) alerta{ ("Favor informe uma data igual ou menor a data de hoje."); $("#dataAbe").val(''); }

TRANSFERÊNCIA DE ARQUIVOS NO PHP VIA SFTP / SSH

TRANSFERÊNCIA DE ARQUIVOS NO PHP VIA SFTP / SSH

Em um dado momento no desenvolvimento de um sistema, foi preciso criar uma função para transferir arquivo de um servidor para outro, sendo que o servidor só dava suporte a transferência de arquivos via SSH. Foi então que desenvolvi esta função que funcionou perfeitamente.

///////////ENVIO VIA SSH////////
                $serverHost = seusite.com.br;
                $serverUser = 'seuLoginSFTP';
                $serverPass = 'senhaDoLoginSFTP';
                $diretorioLocal = 'arquivoTemporario/meuArquivo.txt'
                $diretorioRemoto = 'var/www/diretorioDestinoServidorExterno/meuArquivo.txt';

                /* Faz a conexão com o servidor remoto */
                if (!$ssh = @ssh2_connect($serverHost, 22)) {
                     SingletonPDO :: rollbackTrans();
                    $xml .= "<erro>ERRO AO ABRIR CONEXÃO SSH COM SERVER $servidor!</erro>";
                    die("$xml\n");
                }

                /* Faz a autenticação no servidor remoto */
                if (!@ssh2_auth_password($ssh, $serverUser, $serverPass)) {
                     SingletonPDO :: rollbackTrans();
                    $xml .= "<erro>ERRO AO TENTAR AUTENTICAR O USUARIO SSH AO SERVER $serverHost!</erro>";
                    die("$xml\n");
                }

                /**
                 * Copia o arquivo do servidor local para o servidor remoto.
                 * As permissões são opcionais
                 */
                if (!@ssh2_scp_send($ssh, $diretorioLocal, $diretorioRemoto, 0644)) {
                     SingletonPDO :: rollbackTrans();
                    $xml .= "<erro>ERRO AO ENVIAR ARQUIVO VIA SSH AO SERVIDOR $servidor! - $diretorioLocal - $diretorioRemoto</erro>";
                    die("$xml\n");
                }

///////////////////////////////////////

FUNÇÃO JQUERY WRAPALL() PARA ADICIONAR ELEMENTO PAI EM FILHO OU SEJA ACIMA DO ELEMENTO INFORMADO

FUNÇÃO JQUERY WRAPALL() PARA ADICIONAR ELEMENTO PAI EM FILHO OU SEJA ACIMA DO ELEMENTO INFORMADO Segue o Exemplo:

No HTML

<div id="PAI">Este elemento ainda não virou filho</div>

NO JAVASCRIPT

$("#PAI").wrapAll("<div id='PaiDoPai'>")
///observe que não precisa fechar a div(PaiDoPai) pois a função wrapAll ja sabe que o elemento PaiDoPai deve ser fechado após o elemento informado PAI

RESULTADO HTML

<div id='PaiDoPai'>
<div id="PAI">Este elemento ainda não virou filho</div>
</div>

DISPARAR AÇÃO APÓS TECLAR ENTER DENTRO DE IMPUT COM JQUERY

Segue o exemplo:

NO HTML
<input id="elementoInput" placeholder="Clique aqui e tecle enter" type="text" />

NO JAVASCRIPT jQuery('#elementoInput').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ ////adiciona aqui a ação a ser executada após teclar enter. } });

PEGAR POSIÇÃO DO ELEMENTO FILHO COM MÉTODO INDEX() JQUERY

Precisei criar 3 abas que ao clicar em uma aba, exibi um conteúdo ligado ao título da aba clicada e da um hide nos demais conteúdos, ao clicar na segunda aba, exibe o conteúdo ligado a segunda aba e da hide na que tava aberta, e assim sucessivamente. Para saber qual conteúdo exibir quando clicava na aba, precisei pegar a posição da aba clicada que era igual a posição do conteúdo desta aba clicada.
Então conheci o método index() do jquery, que pega a posição do elemento filho de um determinado elemento pai.

Veja o código e o exemplo prático para entender melhor.

No HTML: 
<ul class="aba">
    <li style="cursor:pointer;">Aba 1</li>
    <li style="cursor:pointer">Aba 2</li>
    <li style="cursor:pointer">Aba 3</li>
</ul>
<div class="conteudo">
  <div style="display: none;"><b>Exibir Conteúdo da Aba 1</b></div>
  <div style="display: none;"><b>Exibir Conteúdo da Aba 2</b></div>
  <div style="display: none;"><b>Exibir Conteúdo da Aba 3</b></div>
</div>

NO JAVASCRIPT: $("ul.aba li").click(function(){ var index = $(this).index(); $("ul.aba li").css("color","black") $(this).css("color","blue") $("div.conteudo").children().hide() $("div.conteudo").children().eq(index).show() })
Veja o exemplo na prático abaixo clicando nas abas para que aparece o seu conteúdo.
  • Aba 1
  • Aba 2
  • Aba 3
Aqui Exibi o conteúdo da Aba 1, que foi a que você clicou.
Agora está exibindo o conteúdo da Aba 2
A aba 3 foi clicada, então aqui é exibido o conteúdo da Aba 3




Se este conteúdo te ajudou ou está com dúvida em algo relacionado a este assunto, por favor deixe seu comentário. Forte abraço!