Ir ao conteúdo
  • Cadastre-se

washalbano

Membros Plenos
  • Total de itens

    38
  • Registro em

  • Última visita

  • Qualificações

    N/D

Reputação

25

1 Seguidor

Informações gerais

  • Cidade e Estado
    %20
  • Sexo
    Masculino

Outros

  • Interesses
    https://t.me/washalbano
  1. Olá! Tente assim: function laugh(num = 1){ return 'ha'.repeat(num); } console.log(laugh()); console.log(laugh(7));
  2. 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
  3. 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; }
  4. 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
  5. Olá! "Mostre o que você tem!" até agora, pra gente ir te orientando.
  6. 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
  7. Olá! No lugar de this.src, coloque o endereço da outra imagem(a imagem que deve aparecer na modal).
  8. 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>
  9. 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.
  10. 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!'); }
  11. 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.
  12. Olá! Não entendi! O menu é o 1 ou 2? As imagens são o 3, né?
  13. 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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações 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

×