Luiz Paulo Escobar

4 de maio de 2022

Rápido e prático

SELECT COLUMN_NAME FROM information_schema.columns WHERE table_name = 'City'

@DHB Serviços

*Exemplo*

4 de maio de 2022

@Rafaelmos Node.js ou Javascript puro?

Node JS: Como ler um arquivo grande linha a linha com Javascript (nodejs) - Stack Overflow em Português

Node JS : https://pt.stackoverflow.com/questions/45620/como-ler-um-arquivo-grande-linha-a-linha-com-javascript-nodejs

Vanilla JS: https://www.delftstack.com/pt/howto/javascript/read-text-file-in-javascript/

27 de abril de 2022

@David Martinho Nesse código ai, quando você clica o toggle se encarrega de verifica se existe ou não o toggle, mas ele sempre vai adicionar o - e nada mais, porque ele só fica "ouvindo" e adicionando o :

17 horas atrás, David Martinho disse:
e.target.innerHTML = '&#8722;';

E eu acredito que você deveria verifica se existe '$#8722;' como conteudo do e.target. Se sim você colocar o outro código '+'

const faqTag = document.querySelectorAll('.faq');

// Hide other elements and change icon.
const hideTag = () => {
    faqTag.forEach(item => {
        item.classList.remove('open')
        item.children[1].innerHTML = '&#43;'
    })
}

// Toggle targeted element to show with froEach Loop.
faqTag.forEach(item =>{  
    item.addEventListener('click', e => {
        if (e.target.className == 'btn') {      
            e.target.parentElement.classList.toggle('open');
          
          if (e.target.innerHTML == '&#8722;') {    
            e.target.innerHTML = '&#43;';
          } else {
            e.target.innerHTML = '&#8722;';
          }
        } 
    }) 
})

7 minutos atrás, Luiz Paulo Escobar disse:
innerHTML 

pode trocar isso por textContent para testes. Eu não tenho seu html e css então não consigo testar... Tenta ai e me fale.

23 de abril de 2022

@Eduardo de Quadrospara o if/else você troca por switch e para cada função diferente do seu sistema se estiver totalmente orientado a objetos as classe você separa entre entidade e métodos, ou seja: classe pessoa: entidade = pessoa, qual seriam os métodos da pessoa? se-mexer, falar, ouvir... O que não seria um métoda da pessoa? dirigir. Quem dirige é o motorista e não uma pessoa. logo assim você separa a complexidade de um algoritmo orientado a objetos. Isso se chama *single responsibility principle* dos conceitos S.O.L.I.D. Se for fazer no modo raiz, separe todas as responsabilidades "únicas" em funções com o nome da responsabilidade e só chama no momento certo.

23 de abril de 2022

@Diego72Marinho https://jsfiddle.net/anonymousLPH/s58tx7gr/26/

<html>
 <body>
   <a class='button'> clicker </a>
  <div class='div_text'>
    <p class='text'>
    Lorem ipsum dolor sit amet . The graphic and typographic operators know this well, in reality all the professions dealing with the universe of communication have a stable relationship with these words, but what is it? Lorem ipsum is a dummy text without any sense.
    </p>
  </div>
   <a class='button'> clicker </a>
  <div class='div_text'>
    <p class='text'>
    Lorem ipsum dolor sit amet . The graphic and typographic operators know this well, in reality all the professions dealing with the universe of communication have a stable relationship with these words, but what is it? Lorem ipsum is a dummy text without any sense.
    </p>
  </div>
   <a class='button'> clicker </a>
  <div class='div_text'>
    <p class='text'>
    Lorem ipsum dolor sit amet . The graphic and typographic operators know this well, in reality all the professions dealing with the universe of communication have a stable relationship with these words, but what is it? Lorem ipsum is a dummy text without any sense.
    </p>
  </div>
 </body>
</html>

* {
  margin: 0;
  box-sizing: border-box; 
  }
  
  .div_text {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    background: no-repeat #ebebeb; 
    border: solid 1px #9b9b9b;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 40px 5px;
  }

  
  .button{
    background: #e9e9e9;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    padding: 10px 20px;
    margin: 10px 0;
  }
  
  .button:hover {
    text-decoration: under-liner;
    font-weight: 700;
  }
  
  
  .active {
     display: flex;
  }

!percorre os elementos e faz cada um ouvir algo. E se ouvir navega pelo dom encontrando algo e fazendo o toggle.


// JS
const clickers = document.querySelectorAll('.button');
const divText = document.querySelector('.div_text');

for(const clicker of clickers) {
  clicker.addEventListener('click', () => {
    clicker.parentElement.nextElementSibling.classList.toggle('active');
  }); 
}

Aqui um código sem rodear a roda.

@David Martinho

22 de abril de 2022

@David Martinho Cara.

É só fazer o JS ouvir algo e se houver uma classe 'abre', se não 'feche'

Citação

https://jsfiddle.net/anonymousLPH/n9dy2xfe/2/

2 de fevereiro de 2022

@brunovianarenega Digite mais tá bom? ninguém tem que adivinhar suas a pré-contexto.

@brunovianarenega



var st = 0;
$(document).on('scroll', function(event){

   var st2 = $(this).scrollTop();
   
   if (st2 > st){   
       
    if ($('body').hasClass('.header')) {
       
    	$('body').removeClass('.header');
		$('body').attr('id', '#header');
    
    }
       
       
   } else {
      //troque pela tag do html
      if ($('body taga[id=header]')) {
      
			$('#header').addClass('.header');
      		$('#header').removeAttr('id');
      
      }
      
   }
   
   st = st2;
   
  
});

2 de fevereiro de 2022

@David Martinho Se quando você clica n aparece ada quer dizer que não vem dados para o javascript, ou está vindo null, ou você setou algo errado.

18 de janeiro de 2022

@David Martinho Cara, o operador verifica se tem e se não tiver ele n da echo na variavel, da echo em null. Era só você utilizar o operador certo...

15 horas atrás, David Martinho disse:

você tá tentando dar um value nos inputs do form, mas no php do form ele ainda não tem valores

(!empty($_POST['alguma_coisa']) ? $_POST['alguma_coisa'] : null)

Você quem entendeu errado. Isso é operador moderno e muito utilizado nas indústrias .

15 horas atrás, David Martinho disse:

 echo " Novo registo inserido com sucesso" ; 
    $var = '';
    $_SESSION['T_Localização'] = $var;
    $_SESSION['T_Referência'] = $var;
    $_SESSION['T_Categoria'] = $var;
    $_SESSION['T_Dimensão'] = $var;
    $_SESSION['T_Designação'] = $var;
    $_SESSION['T_Fornecedor'] = $var;
    $_SESSION['T_Quantidade'] = $var;
    $_SESSION['T_Inventário'] = $var;
    $_SESSION['T_MTN_ID'] = $var;
    }

Nunca grave informações que você não vai usar no site todo e gravar durante bastante tempo em sessão, coisas como dados de formulários que são gravados em Banco de Dados são gravados somente na auto-global $_POST ou $_GET e nunca na $_SESSION. Isso é uma super má prática, se você pega um sistema grande e faz isso ai, tu deixa ele lendo pra *****. Então estuda o operador ternário. Você nem testou os 3 q mostrei. Cada um é usado de uma forma diferente. Pega e estuda cada um.

13 de janeiro de 2022

@luanbld você pode usar uma API de Cotações de Moedas como

AwesomeAPI

12 de janeiro de 2022

@David Martinho Assim, o PHP não aceita variáveis com acento.

Mude o nome da variaveis de T_Inventário para tInventario ou t_inventario por exemplo. Nada de acentos e caracteres especiais.

4 horas atrás, Luiz Paulo Escobar disse:
value='<?= (!empty($_POST['name']) ? $_POST['name'] : null); ?>'

Use esse modo aqui que resolve seu caso ok?

Verifica se existe, se sim ele imprime o valor

12 de janeiro de 2022

Geralmente quando você envia via POST ou seja

<form method='POST' action='index.php'>

Esses dados vão continuar na url, ai você só precisa pegar eles novamente, "luiz, como farei isso?". Relaxa, existe uma coisa chamada operador ternário / null coalesce . Ele verifica de uma variável existe e se sim ele imprime. Vamos lá:

//Se houver submitado ele printa no html e se não ele só printa o html vazio
//Esse é um exemplo com o null coalesce

<form action="index.php" method="post">
 <p>Your name: <input type="text" name="name" value='<?= ($_POST['name'] ?? null); ?>' /></p>
 <p>Your age: <input type="text" name="age" value='<?=($_POST['age'] ?? null); ?>' /></p>
 <p><input type="submit" /></p>
</form>

//Esse é um exemplo com o ternário

<form action="index.php" method="post">
 <p>Your name: <input type="text" name="name" value='<?= (!empty($_POST['name']) ? $_POST['name'] : null); ?>' /></p>
 <p>Your age: <input type="text" name="age" value='<?= (!empty($_POST['age']) ? $_POST['age'] : null); ?>' /></p>
 <p><input type="submit" /></p>
</form>

// ternário simplificado

<form action="index.php" method="post">
 <p>Your name: <input type="text" name="name" value='<?= ($_POST['name'] ?: null); ?>' /></p>
 <p>Your age: <input type="text" name="age" value='<?= ($_POST['age'] ?: null); ?>' /></p>
 <p><input type="submit" /></p>
</form>

@David Martinho

Null coalesce PHP 7.1 +

Ternário PHP 5.6+

Se ajudei marque como resolvido

10 de dezembro de 2021

Olá

body {margin:  0; padding: 0;}
.menuwrap {
	height: 50px; 
	background: red;
  width: 100%;
}
.menu {
  display: flex;
  display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between;
  margin: 0 auto;
  height: 100%;
  max-width: 1300px;
}

nav {
  height: 100%;
  flex-basis: calc(100% - 100px);
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
}
.menu ul {
  flex-basis: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu li{
  list-style-type:none
}
.menu li a {
  background-color: #ebebeb;
  border-radius: 5px;
  padding: 5px 10px;
  text-decoration: none;
  color: #000;
  font-size: 1.1em;
  transition: all 500ms ease;
}

.menu li a:hover {
  background-color: red;
  color: #FFF;
  border: #FFF 3px solid;
}

9 de dezembro de 2021

@guipam vou dar um exemplo, cria uma entidade geral, tipo pedidos (id_pedido, quantidade, soma, fornecedor, vendedor, valor, peso, comprador) ai vai aplicando as formas normais, ve tudo o que um pedido tem e vai colocando, ai depois vai aplicando as formas normais. É só um exemplo.

formas normais:

Primeira forma normal. Uma relação estará na primeira forma normal 1FN, se não houver grupo de dados repetidos, isto é, se todos os valores forem únicos.

Segunda forma normal. Uma tabela está na Segunda Forma Normal 2FN se ela estiver na 1FN e todos os atributos não chave forem totalmente dependentes da chave primária (dependente de ...

Terceira forma normal. Uma tabela está na Terceira Forma Normal 3FN se ela estiver na 2FN e se nenhuma coluna não-chave depender de outra coluna não-chave.

da um google ai e clica em algum blog que ensine elas

PORÉM

Existem outras formas mais simples como, criar varias entidades e ir colocando seus atributos, um pedido tem quantidade, valor, peso... um vendedor tem salario, nome, numero, comissão... um fornecedor tem nome, cnpj...

ai vai vinculando com foreign keys. uum pedido tem um id_vendedor que vendeu, um pedido tem id_produto (que seria outra entidade), e assim por diante.

9 de dezembro de 2021

@b.0463 Com node.js? php? python? Qual linguagem deseja usar para essa conexão?

27 de setembro de 2021

@Ivan Gustavo Da pra tu passar pela sessão do usuário e logo quando manipular os dados dar um unset no indice da sessão que quer esvaziar

25 de agosto de 2021

@lukaslkm 1 - trocar o include onde por requeri once. porque? Conexão é importe (responsabilidade única).

2 - certamente não existe na variável autoglobal "POST" o obs, algo de errado está acontecendo ao armazenar um valor no post, ou seja, ou há algum erro no formulário ao enviar o obs, ou o obs está sendo filtrado errado, se é que tem filtro. Então assim, eu recomendo tu indo seguindo a rota da informação debugando com var_dump, vendo em cada trecho se o $_POST['obs'] está setado e se não o que está fazendo ele não existir ou receber null.

8 de julho de 2021

olha o tamanho do código que ele te enviou, isso é inviável.

Pegue e use o JS mesmo só se for copiando e colocando (com 3 linhas de código faria o evento MenuH), porque se tu ficar se limitando no que tu sabe, NUNCA, nunca vai evoluir na programação. Como diz o sabio: "Para quem só conhece o martelo todos os problemas são pregos"

MenuEx: Tu captura um evento OnClick e se clicarem em um objeto CSS, no caso seria as 3 linhazinhas, é acrescentado uma nova classe no seu container ".hamburguer" ai com isso o menu aparece na tela, com o css já feito.

exemplificando:

faça um css e html para um menu fixo onde você quer q apareça.
faça um css com que ele apareça caso aja a class hamburguer.
faça o evento on click que ao clicar no menuzinho (3 linhazinhas) ele acrescente dinamicamente a nova classe ao container. ai se todo container tive essa nova classe tu gera um aparecimento milagroso desse hamburguer.
agora trate a transição, escolha quantos segundos no css você quer q o hamburguer demore para aparecer. se ele ta na esquerda vai vir lento para direita aparecendo na tela.@vitxr @Rui Guilherme

8 de julho de 2021

Pede pra sua empresa contratar alguém melhor...

"Site totalmente em HTML". Isso não vale nem uma dezena de salario mínimo. Onde está o dinamismo

28 de junho de 2021

@Samot Ln https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Animations/Using_CSS_animations

https://blog.matheuscastiglioni.com.br/criando-animacoes-com-css3/

De uma olhada em animações que você vai se surpreender também!

27 de junho de 2021

9 horas atrás, Samot Ln disse:

eu não sei mexer muito com responsividade ainda,

É simples, não tem nem curva de aprendizado direito! se tu sabe css, é natural em 1 dia aprender o básico de media query @media { }

26 de junho de 2021

@Joel Martins Se ajudei a resolver marca como resolvido ai

26 de junho de 2021

@Samot Ln

ai bacana

Se você tem uma ideia, siga, não mude de opinião por terceiros, é um projeto seu, provavelmente está aplicando o que está aprendendo certo?

Opinião: onde está a responsividade?

Aprenda media query

Entra no chat aí, vamos trocar uma ideia, vou te ajudar a acelerar seu aprendizado.

@Samot Ln Se abrir no celular fica mais ou menos assim:

26 de junho de 2021

Segue ai uma função bacana para manipular a tag do video que tu pode retornar para o html:

 <?php
// Isso é pra imagens mas você pode adaptar para videos e acrescentar mais parametros :)
// Lembrando que o que tiver = null no parametro quer dizer que é opcional 
    function html_img($url, $alt = null, $height = null, $width = null ){
      $html = '<img src="' . $url .'"';
      if (isset($alt)){
        $html.= ' alt="' . $alt . '"';
      }
      if (isset($height)){
        $html.= ' height="' . $height . '"';
      }
      if (isset($width)){
        $html.= ' widht="' . $width . '"';
      }
      $html .= '/>';
      return $html;
    }
  ?>

25 de junho de 2021

4 horas atrás, Samot Ln disse:

@Luiz Paulo Escobar saquei, grato. O import é no css né?

Isso! Assim, com as variáveis CSS você tem uma flexibilidade maior

Entrar

Artigos

Selos

Fabricantes

Livros

Cursos

Análises

Fórum

posts postados por Luiz Paulo Escobar

Sobre o Clube do Hardware

Direitos autorais

Mais