Ir ao conteúdo
  • Cadastre-se

washalbano

Membro Pleno
 Perfil  Explorar Conteúdo

  • Posts

    176

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

Tudo que washalbano postou

  1. washalbano
    Olá! Ao explodir uma string, guarde o valor numa variável: $suaVariavel = explode(' ', $suaString); Assim, $suaVariável vai ser um array, e você vai poder usar cada "pedaço resultante da explosão" assim: $suaVariavel[0]; // o primeiro pedaço $suaVariavel[1]; // o segundo pedaço $suaVariavel[2]; // o terçeiro pedaço Logo: $res2->bindvalue(":usuario", $suaVariavel[0]);
  2. washalbano
    Olá! veja se isso te ajuda: https://codepen.io/washalbano/pen/GRqLzVE?editors=1100 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="app"> <header> <div class="container"> <div class="slot"> <h1>Rui Baptista</h1> <h3>homepage</h3> </div> <nav> <a href="#quem-sou">Quem Sou</a> <a href="#contacte-me">Contacte-me</a> <a href="#links">Links</a> </nav> </div> </header> <main> <div class="container"> <section> <h2>Quem Sou</h2> </section> <section> <h2>Contacte-me</h2> </section> <section> <h2>Os meus links favoritos</h2> </section> </div> </main> <footer> <div class="container"> <nav> <a href="#quem-sou">Quem Sou</a> <a href="#contacte-me">Contacte-me</a> <a href="#links">Links</a> </nav> </div> </footer> </div> </body> </html> style.css: * { box-sizing: border-box; text-decoration: none; outline: none; transition: all .2s ease; } html, body { margin: 0; } body { background-color: #f4f4f4; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .app, header, main, footer { display: flex; justify-content: center; } .app { min-height: 100vh; flex-direction: column; } header { background-color: #50bace; min-height: 140px; border-bottom: 3px solid #444; position: relative; } main { flex: 1; } footer { min-height: 100px; background-color: #909090; } .container { width: 600px; max-width: 600px; padding: 12px 24px; } header .container { background-color: rgba(255, 255, 255, .2); padding-top: 32px; } header .slot { color: #2d6975; } header h1 { font-size: 40px; letter-spacing: -2px; margin: 0; } header h3 { margin: 0; padding: 0; } header nav { position: absolute; bottom: 0; transform: translateY(50%); background-color: #2d6975; border-radius: 50px; } nav { padding: 8px 18px; max-width: 320px; } nav a { display: inline-block; color: #ccc; padding: 2px 12px; } nav a + a { border-left: thin solid #aaa; } nav a:hover, nav a:focus, nav a.active { color: #fff; } main .container { background-color: #fff; } main .container section { height: 33%; } main .container section + section { border-top: 2px solid #444; }
  3. washalbano
    Olá! Use Gulp E fique independente de ide/editor https://www.youtube.com/results?search_query=gulp+sass+css
  4. washalbano
    Mude o charset para utf-8 e a codificação do arquivo tb para utf-8 sem BOM
  5. washalbano
    Olá! Se não for somente números inteiros, use parseFloat <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> * { box-sizing: border-box; } body { background-color: #eee; } main { margin: 12px auto; max-width: 600px; padding: 12px; background-color: #fff; border-radius: 6px; box-shadow: 2px 2px 6px rgba(0, 0, 0, .25); } main > * { border: thin solid #ccc; padding: 12px; border-radius: 4px; margin: 6px 0; } .barra-meta { padding: 12px; border-radius: 6px; width: 100%; transition: all .75s; background-color: darkcyan; text-align: right; } input { padding: 6px; } #parabens { display: none; } </style> </head> <body> <main> <div class="res"></div> <div> <label>ML</label> <input type="number" class="ml"> </div> <div> <label>barra meta</label> <div class="barra-meta">100%</div> </div> <div class="media-meta">media meta</div> <div class="add_agua">add agua</div> <div id="home">#home</div> <div id="parabens">#parabens</div> </main> <main> <div> <label>rel:</label> <div class="rel"></div> </div> </main> <script> const mlInput = document.querySelector('.ml'), addAgua = document.querySelector(".add_agua"), meta = document.querySelector('.barra-meta'), res = document.querySelector('.res'), media_meta = document.querySelector('.media-meta'), relDiv = document.querySelector('.rel'), home = document.querySelector('#home'); console.log(mlInput) mlInput.addEventListener('input', js) function js() { res.innerHTML = ''; addAgua.style.display = 'block'; meta.style.width = meta.innerHTML = porcentagem = '100%'; var ml = parseFloat(mlInput.value) if (ml == "" || ml < 0 || ml.length <= 0 || ml == 0) { res.innerHTML = "Ml inválido" } else { for (var rel = 0; rel < 2001; rel += ml) { /* ENQUANDO A QUANTIDADE DE ÁGUA FOR MENOR QUE 2000 L, ELE IRIA SOMAR.var rel = rel */ media_meta.innerHTML = `$` relDiv.innerHTML = rel; addAgua.style.display = "none" home.style.opacity = '1' if (rel > 249) { porcentagem = "6%" } if (rel > 599) { porcentagem = "13%" } if (rel > 999) { porcentagem = "24%" } if (rel > 1249) { porcentagem = "31%" } if (rel > 1499) { porcentagem = "37%" } if (rel > 1999) { porcentagem = '48%' home.style.opacity = '0.2' document.querySelector("#parabens").style.display = "block" } meta.style.width = meta.innerHTML = porcentagem } //media_meta.innerHTML = `$` } } </script> </body> </html> https://codepen.io/washalbano/pen/YzWOgOq
  6. washalbano
    Testei em 4 browsers Deve ser algum elemento que não foi colocado no trecho de script acima
  7. washalbano
    Já usei alguns, entre eles: lenovo, cce, samsung os que mais gostei, em ordem crescente de gostabilidade foram: avell msi dell Tenho té uma listinha pra checar quando precisar de um notebook(motivados por cacoetes pessoais) Resolução mínima fullHD 1920 x 1080 // aqueles com resolução hd: 1366 x 768 não cabem nada!!! fn + lock trackpad // alguns não bloqueiam o trackpad por atalho de teclas Enter Key size // alguns têm a tecla enter muito pequena Tecla control mais à esquerda do q a tecla function // alguns têm a tecla fn mais à esquerda, é hórrivel pra games Arrow keys em tamanho normal (não podem ser de tamanho reduzido) Keyboard backlight // o teclado tem que ter backlight pra quando for usar no escuro CapsLock light indicator // alguns não têm aquele ledzinho que indica que capslock está ativado NumLock Light indicator Somente saída/entradas laterais (cabo de som, vídeo, rede, força, usb, etc) // os modelos com entradas traseiras dão muita dor de cabeça
  8. washalbano
    Olá! Das possibilidades supracitadas, escolha i7, 16GB de ram
  9. washalbano
    Olá! Segue outra sugestão: <?php // inicia a sessão session_start(); // inicia variáveis $message = 'Digite dez números'; $reset = ''; // se numeral foi postado if (isset($_POST['numeral'])) { // verifica se já foram digitados 10 números if (sizeof($_SESSION['numerais']) < 10) { // guarda number em $_SESSION['numerais'] $_SESSION['numerais'][] = $_POST['numeral']; } else { // se já foram digitados dez números, altera a mensagem $message = '<span class="text-danger">Já foram digitados dez números, chefe!</span>'; $reset = '<a href="">Recomeçar</a>'; } // guarda os números em $numerosOrdenados para posterior ordenação $numerosOrdenados = $_SESSION['numerais']; // ordena $numerosOrdenados sort($numerosOrdenados); } else { // inicia/reseta variáveis $_SESSION['numerais'] = $numerosOrdenados = []; } ?> <!doctype html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Ordenar</title> </head> <style> * { box-sizing: border-box; } body { background-color: #eee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.875rem; font-weight: 400; line-height: 1.5; } form, .card { background-color: #fff; padding: 12px; max-width: 320px; border-radius: 6px; margin: 0 auto; margin-bottom: 12px; box-shadow: 2px 2px 8px rgba(0, 0, 0, .36); } input, button { padding: 6px; margin-bottom: 6px; border: thin solid #ccc; border-radius: 4px; } input { width: 100%; } button { padding-left: 12px; padding-right: 12px; } input:focus { outline-color: #084775; } label { color: #999; } .text-right { text-align: right; } .text-center { text-align: center; } .text-danger { color: darkred; } .card-body aside { display: inline-block; width: 47%; border: thin solid #ccc; border-radius: 6px; line-height: 2rem; overflow: hidden; } aside header{ background-color: #eee; } .card footer { padding: 12px; } </style> <body> <main> <form method="post"> <label for="number">Digite um número:</label> <input type="number" name="numeral" autofocus required> <div class="text-right"> <button>Enviar</button> </div> </form> <div class="card"> <h3 class="text-center"><?= $message ?></h3> <div class="card-body text-center"> <aside> <header>Números Digitados</header> <?= implode('<br>', $_SESSION['numerais']) ?> </aside> <aside> <header>Números Ordenados</header> <?= implode('<br>', $numerosOrdenados) ?> </aside> </div> <footer class="text-right"><?= $reset ?></footer> </div> </main> </body> </html>
  10. washalbano
    Se não for trabalho de escola, não faça isso! Nem todo mundo tem a possibilidade de editar uma foto antes de enviar. Faça com que o seu sistema reduza e corte a foto pra ficar do tamanho que coadune com seu layout.
  11. washalbano
    Olá! É um dilema, heim? Comecei com php... quando js era só client side A percepção que tenho agora, de onde estou, não vejo mal nenhum em começar com js ou php Já faz um tempo que pode-se usar js no server e no client PHP é só server side Por "praticidade" estudar js seria uma linguagem só pra server side e client side (claro, com as devidas especificidades). Se conseguir, estude os dois ao mesmo tempo. Se tiver mesmo que escolher apenas uma, comece com js server side(Nodejs, Deno)
  12. washalbano
    Olá! É um grande mistério! Nos ajude a entender melhor o cenário As variáveis para conexão foram definidas no environment? Há apenas o arquivo .env? Ou tb foi definido o .env.development
  13. washalbano
    Sugestão: 1) Crie uma variável antes do while, para guardar a soma, o total dos "valores lidos". O valor inicial deve ser zero. 2) Dentro do while, adicione o valor de cada "valor lido" à variável que vai guardar a soma/total 3) Depois do while, divida o valor da soma/total pela quantidade de "valores lidos"
  14. washalbano
    Olá! Está faltando o trecho onde os valores "lidos" devem ser somados
  15. washalbano
    Olá! O índice 'id' na sessão só vai existir se atendida a condição No momento do "primeiro acesso" ao formulário, o índice 'id' ainda não existe na sessão. Se o sr. precisa que o índice 'id' exista na sessão desde o primeiro acesso, vai ser preciso: 1) fazer uma busca pela id mais recente, 2) guardá-la na sessão 3) exibir o form (agora já com a id mais recente)
  16. washalbano
    https://codepen.io/washalbano/pen/vYKGppZ não percebi que deveria ser animado
  17. washalbano
    Dá pra resolver de algumas maneiras. Depende de pra q seria esse T? Se teria algum "conteúdo" https://codepen.io/washalbano/pen/vYKGppZ
  18. washalbano
    Olá! Seriam necessários no mínimo dois dados: 1) a cor 2) a imagem que deverá ser aberta. Por isso, acredito que seria melhor resolver com um objeto, ao invés de um array. segue sugestão <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Array Cores Abrir Imagem</title> <style> * { box-sizing: border-box; transition: all 300ms ease; text-decoration: none; } html, body { margin: 0; padding: 0; } body, .app, .app-header, main, .app-footer, .modal, .modal-body { display: flex; } body { background-color: #eee; min-height: 100vh; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; } .app { flex-direction: column; flex: 1; } main { flex: 1; padding: 12px; flex-direction: column; } .app-header, .app-footer { height: 55px; justify-content: center; align-items: center; background-color: #fff; color: rgba(0, 0, 0, .5); } .app-header { border-bottom: thin solid #ddd; } .app-footer { border-top: thin solid #ddd; } .app-header a { display: inline-block; padding: 6px 12px; margin: 0 6px; border-radius: 4px; background-color: transparent; } a:hover, a:focus { background-color: rgba(221, 72, 20, .2); color: rgba(221, 72, 20, 1); } .modal { width: 320px; height: 320px; margin: 0 auto; padding: 12px; border-radius: 4px; background-color: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); } .modal-body { flex: 1; } .modal-body img { border-radius: 4px; } </style> </head> <body> <div class="app"> <header class="app-header"></header> <main> <div class="modal"> <div class="modal-body"></div> </div> </main> <footer class="app-footer"> <small>&copy; 2020</small> </footer> </div> <script> // APP element let APP = document.querySelector('div.app'), appHeader = document.querySelector('header.app-header'), modalBody = document.querySelector('div.modal-body'), // COLORS OBJECT colors = { 'Amarelo': { hex : 'FFD700', name: 'imagem-amarelo.jpg', }, 'Verde' : { hex : '228B22', name: 'imagem-verde.jpg', }, 'Azul' : { hex : '0000FF', name: 'imagem-azul.jpg', } }; // MODAL OPEN function modalOpen(e) { e.preventDefault(); modalBody.innerHTML = '<img src="https://via.placeholder.com/294/' + this.dataset.hex + '/FFFFFF?text=' + this.dataset.href + '" alt="' + this.dataset.href + '">'; } // ALIMENTAR O ARRAY LINKS // para cada index em colors for (let i in colors) { // cria o elemento a var a = document.createElement('a'); a.dataset.href = colors[i].name a.dataset.hex = colors[i].hex a.href = '#' a.target = 'modal' a.innerText = i a.addEventListener('click', modalOpen); // adiciona o anchor ao array links appHeader.appendChild(a); } </script> </body> </html> Faça as adequações necessárias para adequar à sua realidade. para acrescentar outro link, no objeto colors acrescente: 'Vermelho' : { hex : '8B0000', name: 'imagem-vermelho.jpg', }
  19. washalbano
    troque por: imagecopy($dest, $marcadagua, $xPos, $yPos, 0, 0, $mwidth, $mheight);
  20. washalbano
    Olá! imagecreatefromgif() espera um arquivo .gif Veja na doc do php:
  21. washalbano
    Olá! Sei sim! É porque o sr. está usando o php 7.3: E esse tipo de função só foi implementada no php 7.4
  22. washalbano
    Olá! Segue sugestão: <?php /** * EH PRIMO * Função para verificar se um número é primo * @param $numero */ function eh_primo($numero) { if ($numero == 1) return; for ($i = 2; $i <= sqrt($numero); $i++) { if ($numero % $i == 0) return; } return $numero; } /** * RETORNAR NÚMEROS PRIMOS * Função dispensa explicação * @param int $numeroInicial * @param int $numeroFinal * @return array */ $retornarNumerosPrimos = fn($numeroInicial = 1, $numeroFinal = 200) => array_filter(range($numeroInicial, $numeroFinal), 'eh_primo'); // mostrar os números primos entre 1 e 200 na tela echo '<pre>entre 1 e 200: '; print_r($retornarNumerosPrimos()); echo '</pre>'; // mostrar os números primos entre 200 e 700 na tela echo '<pre>entre 200 e 700: '; print_r($retornarNumerosPrimos(200, 700)); echo '</pre>';
  23. washalbano
    Olá! Aí está um grande mistério! Nos ajude a entender melhor: a) Os dados do formulário são enviados via ajax? b) Aparece algum retorno na aba network, no chrome? c) Aparece algum erro no console do chrome?
  24. washalbano
    Ôppa Sugiro usar decimal(10,2) no sql <?php $valorFormatado = number_format($valor, 2, ',', '.') O R$ concatene onde quiser
  25. washalbano
    Olá! O sr. pode formatar os dados no momento da consulta sql exs.: date_format(created_at, "%d/%m/%Y") as date if(status = 0, 'reprovado', 'aprovado') as status Ou pelo php: <?php $data = explode('-', $data); $data = implode('/', array_reverse($data)); $status = $status==0 ? 'reprovado' : 'aprovado';

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!