REMOVER TAGS DO MEIO DE UM TEXTO COM JAVASCRIPT

Precisava remover as TAGS concatenadas a um texto vindo do banco de dados antes de exibir no HTML, então usei a função javascript replace() passando como parâmetro expressão regular.

NO HTML: 

<div id="TEXTOCOMTAG">
        <span>TEXTO COM TAGS<b> CONCATENADOS</b></span>
</div>

NO JAVASCRIPT:
var textoLimpo = $("#TEXTOCOMTAG").html().replace(/<[^>]*>?/gm, ''); 

$("#TEXTOCOMTAG").html(textoLimpo);


Resultado no HTML:
<div id="TEXTOCOMTAG">TEXTO COM TAGS CONCATENADOS</div>
////todas as tags removidas que ficam dentro do elemento  id="TEXTOCOMTAG"

 

 

Então é isso, se este código lhe ajudou deixe seu comentário.
Se ainda tiver qualquer dúvida
deixe seu comentário.

VAAALEU 😎👍

 

FORÇAR QUEBRA DE PÁGINA MPDF PHP

Em uma função que gera um documento PDF com a biblioteca mPDF, precisei forçar a quebra de página ou passar para próxima página uma parte de uma lista de registros retornadas do banco de dados. Então encontrei a tag <pagebreak /> que supriu minha necessidade.

Segue o exemplo php com mpdf:

<?php  

 

####REGISTROS QUE SERÃO ESCRITOS NA PRIMEIRA FOLHA DO PDF##### 

 

$html = '
<table>
    <tr>
          <td><b>COLUNA DA TABELA 1</b></td>
    </tr>';

foreach ($arrayDados1 as $k => $v) { ////inserir os registros vindos do banco de dados no PDF

    $html .= '
        <tr>
             <td>'.$v['
RegistrosDaCol'].'</td>
        </tr>';

}
$html .= '</table>';

$html .= '<pagebreak />'; 
///// o pulo do gato, ou melhor, o pulo da página :D

 

####REGISTROS QUE SERÃO ESCRITOS NA SEGUNDA FOLHA DO PDF#####

 

$html .= '
<table>
    <tr>
          <td><b>COLUNA DA TABELA 2</b></td>
    </tr>';

foreach ($arrayDados2 as $k => $v) { ////inserir os registros no PDF vindos do banco de dados

    $html .= '
        <tr>
             <td>'.$v['RegistrosDaCol'].'</td>
        </tr>';

}
$html .= '</table>';

 

######CONFIGURAÇÕES INICIAIS DA BIBLIOTECA mPDF para gerar o documento PDF DO HTML ACIMA######

 

require_once 'mpdf/mpdf.php';
        
$mPDF = new mPDF('utf-8', 'A4-L', '', '', 15, 15, 70, 25, 10, 13); ///Codificação UTF-8, Gerar pdf nas dimessões A4 com "L" para informar que o A4 será na posição paisagem.

 

######PEGA O HTML ESCRITO ACIMA E GRAVA NO PDF######

 

$mPDF->WriteHTML($html);


######ADICIONA CABEÇALHO NO PDF######

 

$mPDF->SetHTMLHeader('
<div style="font-size:10px;float:left;width:400px">Gerado: '.date("d/m/Y").'</div>
<div style="font-size:10px;float:right;width:400px;text-align:right">Página - {PAGENO} de {nb}</div>') ;

######ADICIONA RODAPÉ NO PDF######

 

$mPDF->SetHTMLFooter("<p style='font-size:10px;text-align:center'>Rodovia Augusto Montenegro, - Belém – Pará<br />Fone: (91) 9999-9999</p>");

######DEFINI O NOME PADRÃO DO ARQUIVO PDF A SER GERADO######


$nomeArq = 'DOCUMENTO_PDF_GERADO_'.date('YmdHis').'.pdf';

 

######PROPRIEDADE DO mPDF para gerar o PDF passando a letra "D" para forçar o Browser a fazer o Download do arquivo PDF gerado######

 

$mPDF->Output($nomeArq, 'D');

 exit(); //// É NECESSÁRIO

 

?>

 

Então é isso, se este código lhe ajudou deixe seu comentário.

Se ainda tiver qualquer dúvida deixe seu comentário.

VAAALEU :D

 

Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

Estava dando o seguinte erro após executar o comando react-native run-android para usar o emulador do Android Studio:

Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

 Então, após muito pesquisar, executei as seguintes ações para resolver este problema:


Configurando SDK do Android no Windows

No Painel de Controle do Windows, abra o item “Sistema e Segurança” ou “Sistema”, clique em “Configurações avançadas do sistema”, selecione “Variáveis de ambiente” e clique no botão “Nova variável de ambiente”, indique o nome da variável como ANDROID_HOME, adicione o caminho do Sdk como mostrado na imagem abaixo:

Prompt

Na mesma janela de "Variáveis de ambiente" no Windows, clique na variável PATH e então em "Editar". Haverá uma lista de caminhos e você deve adicionar esses dois novos caminhos no fim da lista:

  1. %ANDROID_HOME%\platform-tools
  2. %ANDROID_HOME%\tools

Se sua versão do Windows for menor que a 10 sempre coloque ponto-e-virgula ";" no final dos caminhos para eles não se juntarem

 Agora, abra seu Prompt de Comando(CMS) como administrador e execute o seguinte comando:

C:\Android\Sdk\tools\bin> .\sdkmanager.bat "platform-tools" "platforms;android-27" "build-tools;27.0.3"

*Aceite todas licenças digitando y quando necessário. 

Após realizar as ações acima, tente novamente executar o comando no Prompt de Comando e verifique se não dará mais erros no emulador do Android Studio:

C:\NomeDoSeuProjetoReactNative_cli>react-native run-android


Caso ainda esteja ocorrendo o mesmo erro, então tente mais esse procedimento abaixo:
 

Baixe e instale o java jdk.
Após
a instalação, siga os passos abaixo.

1. Abra Configurações avançadas do sistema

No Painel de Controle do Windows, abra o item “Sistema e Segurança” ou “Sistema”, clique em “Configurações avançadas do sistema”.

2. Defina a variável de ambiente JAVA_HOME

Na “janela Propriedades do Sistema”, clique em “Variáveis ​​de Ambiente”

variáveis ​​de ambiente da janela de propriedades do sistema

variáveis ​​de ambiente da janela de propriedades do sistema

Em "Variáveis ​​do sistema", clique no botão "Novo ..." e insira JAVA_HOME como "Nome da variável" e o caminho para o diretório Java JDK em "Valor da variável"

Adicionar JAVA_HOME como variável de sistema

Adicionar JAVA_HOME como variável de sistema

3. Atualize o PATH do sistema

1. Na janela "Variáveis ​​de ambiente" em "Variáveis ​​do sistema" selecione o caminho

2. Clique em “Editar…”

3. Na janela “Editar variável de ambiente” clique em “Novo”

4. Digite  %JAVA_HOME%\bin

Atualizar caminho do sistema

Atualizar caminho do sistema

4. Teste sua configuração

Abra um novo prompt de comando e digite:

  1. echo% JAVA_HOME%

isto irá imprimir o diretório que JAVA_HOME aponta ou uma linha vazia se a variável de ambiente não estiver configurada corretamente

Agora digite:

  1. javac -version

isso imprimirá a versão do compilador java se a variável Path estiver definida corretamente ou “javac não é reconhecido como um comando interno ou externo ...” caso contrário. ATUALIZAÇÃO: nos comentários abaixo há várias sugestões para executar o prompt de comando como administrador caso veja a mensagem de erro. Certifique-se de tentar esta opção

Teste JAVA_HOME e caminho do sistema

Teste JAVA_HOME e caminho do sistema

Após realizar as ações acima, tente novamente executar o comando no Prompt de Comando e verifique se não dará mais erros no emulador do Android Studio:

C:\NomeDoSeuProjetoReactNative_cli>react-native run-android

 

CONSULTAS PARA LISTAR TODAS TABELAS DE UM BANCO DE DADOS

Precisei listar todas tabelas do meu banco de dados criado no MySQL, e o exemplo abaixo me foi muito útil.

Oracle

Para listar todas as tabelas:
SELECT tablespace_name, table_name, owner FROM dba_tables;

Para listar todas as tabelas do usuário corrente:
SELECT tablespace_name, table_name, owner FROM user_tables;

Para listar todas as tabelas às quais o usuário tem acesso (sendo ele o owner (dono) ou não):
SELECT tablespace_name, table_name, owner FROM all_tables;

MySQL

Para listar todas as tabelas
SHOW TABLES [from <nome do database>];
ou
SELECT table_schema, table_name, table_type FROM information_schema.tables [WHERE table_schema = <filtro>];

DB2

Para listar todas as tabelas:
db2 list tables for all

Para listar todas as tabelas para um determinado schema (banco):
db2 list tables for schema <nome do schema>

SQL Server

Para listar todas as tabelas de todos os catálogos e schemas:
SELECT table_catalog, table_schema, table_name, table_typeFROM information_schema.tables  [WHERE table_catalog = <filtro>];

PostgreSQL (PG)

Para listar todas as tabelas:
\l ou \dt

Para listar, somente, as tables do banco/schema atual:
\dt

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(''); }