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á! Já existe um conjunto de scripts prontinho que resolve essa table com paginação, veja: https://datatables.net/examples/data_sources/ajax
  2. washalbano
    Olá! Qual foi erro que apareceu? Em qual linha de qual arquivo? Certifique-se de que existe a coluna cnpj no database
  3. washalbano
    http://pt-br.learnlayout.com/
  4. washalbano
    Olá! Segue sugestão para validação client-side com jquery: No select, acrescente o atributo data-target, assim: <select class="form-control" name="tst<?php echo $i; ?>" id="tst<?php echo $i; ?>" data-target="#vst<?php echo $i; ?>"> E no js, proceda assim: // quando mudar qualquer select que o name comece com "tst" $('select[name^="tst"]').on('change', function (e) { // define o input alvo var target = $('input' + $(this).data('target')); // remove o atributo required target.removeAttr('required'); // se o valor do select for igual a S if (this.value == 'S') { // então o input alvo terá o atributo required target.attr('required', true); } }); Dessa forma, o form não será submetido se existir algum input[required] vazio Mas é importante também fazer validação server-side
  5. washalbano
    Olá! segue sugestão: script.js // inicia um array pra guardar os nomes das imagens var images = []; var imagesTotal = 23; // acrescenta os nomes das imagens numerados de 0 a 23 for (var i = 0; i <= imagesTotal; i++) { images.push('origem_decimal_final-' + i); } // define a primeira imagem a ser usada var imageNow = imagesTotal; function decimalOrigem() { // define a duração padrão de tempo var timeout = 2000; // se a imagem for a primeira ou a última if (imageNow == imagesTotal || imageNow == 0) { // terá o dobro de duração de tempo timeout = 4000; } // dispara a função que vai trocar as imagens image_change(images[imageNow]); // imagem anterior // se imageNow for menos que zero, então volta pra imagem 23 imageNow = imageNow < 0 ? imagesTotal : imageNow - 1; // executar novamente essa função setTimeout(decimalOrigem, timeout); } // função para trocar as imagens function image_change(img) { document.getElementById('sistema_decimal_origem').src = 'https://www.eduardodequadros.com/assets/img/' + img; } Coloque o onload na tag body: <body onload="decimalOrigem();"> E a tag script antes de fechar a tag body, assim: <script type="text/javascript" src="assets/script.js"></script> </body>
  6. washalbano
    Siga as psr: https://www.php-fig.org/psr/
  7. washalbano
    Olá! Creio que não entendi direito, mas não seria apenas... No trecho acima, trocar $propertyOperation por 'propertyOperation'?
  8. washalbano
    Olá! Perceba que entre o N e o abre colchetes há um espaço. remova! Arrays(não multidimensionais) dentro de aspas duplas, dispensam o uso de aspas simples, tente assim: "... '$_SESSION[$recvalidade]')" ou "proteja" a variável com curly braces assim: "... '{$_SESSION['$recvalidade']}')" Você ainda pode, depois de executar a query, mostrar na tela o conteúdo de $mysqli->error, a mensagem com certeza vai te ajudar a compreender melhor o que está acontecendo: http://php.net/mysqli_error
  9. washalbano
    Olá! Tente assim: function laugh(num = 1){ return 'ha'.repeat(num); } console.log(laugh()); console.log(laugh(7));
  10. washalbano
    Olá! Codeigniter é apenas o framework onde sua aplicação foi escrita. O codeigniter por si só, não vem com database algum. Sugeri atualizar o codeigniter por acreditar ser a opção mais adequada. Mas se quiser ver o sistema funcionando, você também pode usar um php antigo. Experimente usar de um php 5.4 pra baixo
  11. washalbano
    Olá! Tente assim: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Poltronas</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <main> <header> POLTRONAS SYSTEM </header> <div class="app-body"> <div class="container"> <div class="wrapper"> <h1>Poltronas</h1> <?php $numbers = range(1, 10); $letras = array_chunk(range('A', 'F'), 3); $display = '<section class="poltronas">'; foreach ($letras as $side) { $display .= '<aside>'; foreach ($numbers as $number) { $display .= '<div>'; foreach ($side as $letra) { $display .= "<input type='checkbox' id='$letra-$number'>" . "<label for='$letra-$number' data-index='$letra$number'>" . '</label>'; } $display .= '</div>'; } $display .= '</aside>'; } echo $display . '</section>'; ?> </div> </div> </div> <footer> <div> © 2018 <a href="#">Poltronas System</a> </div> <div class="ml-auto"> <a href="#" title="Developed by Rayanne Ramos">@rayanne</a> </div> </footer> </main> </body> </html> *, *::before, *::after { box-sizing: border-box; outline: none; } body, html { margin: 0; padding: 0; } body { background-color: #fff; background-color: #f1f1f1; font-family: -apple-system, Roboto, Arial, 'Open Sans', sans-serif; min-height: 100vh; } main { display: flex; min-height: 100vh; flex-direction: column; overflow-x: hidden; } main > * { display: flex; width: 100%; } header { z-index: 1100; background-color: #fff; position: sticky; top: 0; border-bottom: 1px solid #c8ced3; justify-content: space-between; padding: 12px; } footer { flex: 0 0 50px; flex-wrap: wrap; align-items: center; padding: 0 1rem; color: #23282c; background: #f0f3f5; border-top: 1px solid #c8ced3; } .app-body { flex-grow: 1; } .app-body .container { display: flex; flex: 1; padding: 12px; justify-content: center; } .wrapper { margin: 0 auto; display: inline-block; } .wrapper > h1 { font-weight: normal; color: #2b5b3a; margin-bottom: 12px; } .ml-auto { margin-left: auto; } a { text-decoration: none; color: #007bff; } .poltronas, .poltronas aside { padding: 12px; display: flex; } .poltronas { padding-top: 300px; border-radius: 50% 50% 0 0; border: thin solid #a8a8a8; background-color: #fafafa; } .poltronas aside { flex-direction: column; flex-grow: 1; } .poltronas aside + aside { margin-left: 66px; } .poltronas aside div { text-align: center; margin-bottom: 6px; } .poltronas input[type='checkbox']{ display:none; } .poltronas label { display: inline-block; height: 60px; width: 60px; border-radius: 10px; border: thin solid #aaa; background-color: #35582f; font-size: 20px; position: relative; cursor:pointer; transition: all .5s ease; opacity: 1; } .poltronas label:after{ content:attr(data-index); height:48px; width:48px; padding: 12px 0; position:absolute; top:0; left:5px; z-index: 0; background-color: #d3cbba; border-radius:0 0 6px 6px; } .poltronas input[type='checkbox']:checked + label{ opacity:.3; background-color: #5b0000; }
  12. washalbano
    Entendi. Dá pra resolver com ajax. Não pude escrever um exemplo no seu script, porque não veio o arquivo .sql Vou escrever uma sugestão pra você adicionado 30 minutos depois Veja se isso te ajuda: clicable-tr.zip
  13. washalbano
    Olá! "Mostre o que você tem!" até agora, pra gente ir te orientando.
  14. washalbano
    Olá! Ao invés de carregar o conteúdo do .txt com file_get_contents, carregue com: http://php.net/file E pra usar as senhas, uma a uma, seguindo a ordem em que cada uma foi inserida use: http://php.net/array_shift
  15. washalbano
    Olá! No lugar de this.src, coloque o endereço da outra imagem(a imagem que deve aparecer na modal).
  16. washalbano
    Olá! Tente assim: <div class="container"> <img src="cardapiocarnesmassas.png" style="width:50px; height: 50px;" onclick="openModal(this.src)" class="hover-shadow cursor"> <img src="cardapiopetiscos.png" style="width:50px; height: 50px;" onclick="openModal(this.src)" class="hover-shadow cursor"> <!-- Janela1 --> <div id="myModal" class="modal"> <span class="close cursor" onclick="closeModal()">&times;</span> <div class="modal-content"> <img id="modal-image" src="cardapiocarnesmassas.png"> </div> </div> </div> <script type="text/javascript"> function openModal(retrato) { document.getElementById('modal-image').src = retrato; document.getElementById('myModal').style.display = "block"; } function closeModal() { document.getElementById('myModal').style.display = "none"; } </script>
  17. washalbano
    Olá! Se for esse: Tente usar com o php 5.4-
  18. washalbano
    Claro! Cada medida pré-definida(s, m, l, ...) possui três variáveis de medida: width, length e sleeve Tratei cada uma dessas como "unidade" por acreditar que seriam unidades de medida mas acredito que provavelmente, talvez eu tenha dado uma interpretação equivocada da palavra.
  19. washalbano
    Olá! Veja se isso te ajuda: // objeto com tabela de medidas var tabela_de_medidas = { "S": { "width": [18, 20], "length": [28, 29], "sleeve": [8.13, 8.38] }, "M": { "width": [20.0, 22], "length": [29.0, 30], "sleeve": [8.38, 8.63] }, "L": { "width": [22, 24], "length": [30, 31], "sleeve": [8.63, 8.88] }, "XL": { "width": [24, 26], "length": [31, 33], "sleeve": [8.88, 9.63] }, "2XL": { "width": [26, 28], "length": [33, 34], "sleeve": [9.63, 10.13] }, "3XL": { "width": [28, 30], "length": [34, 36], "sleeve": [10.13, 10.63] } }; var medidas = { "width": 18.3, "length": 34.1, "sleeve": 10.13, }; // inicia um objeto para verificação: var verificador = {}; // para cada tamanho em tabela_de_medidas for (size in tabela_de_medidas) { // para cada unidade de medida em tabela_de_medidas[size] for (unidade in tabela_de_medidas[size]) { // guarda o intervalo de medidas na variável intervalo var intervalo = tabela_de_medidas[size][unidade] // comparar se a unidade na variável medidas está dentro do intervalo if (medidas[unidade] >= intervalo[0] && medidas[unidade] < intervalo[1]) { verificador[unidade] = size; //console.log(unidade + ': ' + medidas[unidade] + ', tamanho: ' + size + ': [' + intervalo + ']'); } } } // se o objeto verificador não estiver vazio if ((Object.keys(verificador).length)) { // se todos os valores forem iguais if (verificador.width == verificador.length == verificador.sleeve) { console.log('As medidas informadas se encaixam no intervalo de tamanho: ' + verificador.width); // se algum valor for diferente } else { console.log('As medidas informadas divergem da tabela de medidas existente, chefe: ', verificador); } } else { console.log('As medidas passadas não se encaixam em nenhuma bitola da tabela, chefe!'); }
  20. washalbano
    Então é só percorrer a variável que contém o resultado da busca ao database, e para cada resultado, gerar um item de menu desses colocando a imagem no lugar do texto.
  21. washalbano
    Olá! Não entendi! O menu é o 1 ou 2? As imagens são o 3, né?
  22. washalbano
    Veja se isso te ajuda: https://we.tl/t-9L9lFfUbi7
  23. washalbano
    Olá! O que acontece é que a largura de 150px é insuficiente para que caibam as duas palavras, lado a lado. Troque aquele width por min-width
  24. washalbano
    Os dois exemplos que você enviou usam width:100% https://jsfiddle.net/L62o1c3w/4/ Provavelmente depende da largura disponível do elemento pai.
  25. washalbano
    Olá! O que você pensa vai ser possível sim. Você pode fazer com html, css e javascript Use tabelas apenas para dados tabulares. Existem outros elementos html que você pode usar para resolver o que queres. A forma que você está pensando provavelmente dá certo. Se puder nos mostrar o que já fez(pode ser um screenshot), de repente, podemos compreender e orientar melhor e com mais precisão. Você tá escrevendo css e js vanilla?

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...

 

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!