Jump to content

Search the Community

Showing results for tags 'table'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 49 results

  1. Olá, estou tentando achar uma solução para o meu problema, não entendo nada de javascript, mas se alguém puder me ajudar eu agradeço. Tenho o seguinte script que adiciona novas linhas em minha tabela sempre que clico em um botão, ele funciona perfeitamente porém cada td tem um textarea e gostaria de gerar um name diferente em cada linha. Alguém tem alguma sugestão de como poderia fazer isso? Segue o script: <script> var cadastro2 = { linha2: '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo1"></textarea></td>'+ '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo2"></textarea></td>'+ '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo3"></textarea></td>'+ '<td align="center"><textarea class="cols3" rows="2" cols="12" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo4"></textarea></td>'+ '<td align="center" colspan="2"><textarea class="cols4" rows="2" cols="35" style="overflow: hidden" onkeyup="this.style.height=\'24px\'; this.style.height = this.scrollHeight + 1 + \'px\';" onkeydown="this.style.height=\'24px\'; this.style.height = this.scrollHeight - 1 - \'px\';" name="campo5"></textarea></td>'+ '<td align="center" class="semborda"><input type="button" value="-" class="ui-button ui-widget ui-state-default ui-corner-all principal" onclick="javascript:deleteRow2(this.parentNode.parentNode.rowIndex)" title="Remover linha"></input></td>', adicionarLinha2: function(){ //encontrar o elemento com id "tblCadastroTBody2" (tbody) var tbody = document.getElementById('tblCadastroTBody2'); //criar um novo elemento do tipo TR var tr = document.createElement('tr'); //colocar o conteúdo da linha no TR tr.innerHTML = cadastro2.linha2; //inserir a linha criada no tbody tbody.appendChild(tr); } } </script> Desde já agradeço.
  2. Boa noite galera Estou com dificuldades de inserir o valor da variável <nome> entre os TD's da minha ultima linha da tabela. É obrigatório o uso do DOM, mesmo acessando o nó que quero, não estou conseguindo fazer com que seja setado o valor da variavel na referida coluna. <html> <head> <title>--DOM - Exercicios--</title> <meta charset="utf-8" /> </head> <body> <div> Nome <input id="nome"> <br> Data Nascimento <input id="dn"> <br> E-mail <input id="email"> <br> <button onclick="Enviar()">Enviar</button> </div> <script type="text/javascript"> function Enviar() { var nome = document.getElementById("nome").value; var dn = document.getElementById("dn").value; var email = document.getElementById("email").value; var tabela = document.getElementById("tabela"); var nova_linha = document.createElement("tr"); for (i = 0; i < 5; i++) { var nova_col = document.createElement("td"); nova_linha.appendChild(nova_col); } tabela.appendChild(nova_linha); var ultima_linha = document.getElementsByTagName("tr")[1].firstChild; //retorno meu primeiro td (nome) ultima_linha.nodeValue = nome; // coloco o valor de nome na coluna } </script> <table id="tabela" border="1"> <tr> <td>Nome</td> <td>Data Nascimento</td> <td>Idade</td> <td>Email</td> <td>Acoes </td> </tr> </table> </body> </html>
  3. Irwing2000

    NAO CONSIGO INSERIR DADOS DA TABELA

    Galera, estou com uma duvida. To tentando puxar uns dados de uma tabela dentro de um combo box. Porém tenho retorno em branco, Nao há mensagem de erro, apenas em brando. Podem me ajudar? $db_host = "localhost:8080"; $db_username = "root"; $db_password = "maxpri2014"; //$db_name = "pt"; $dbh = mysqli_connect($db_host, $db_username, $db_password); if(!$dbh) { die("Não foi possível conectar.".$dbh->connect_error); } echo "conectado"; <? $times=mysqli_query("select ID, Time from Times"); while($r=mysqli_fetch_array($times)){ ?> <?=$r['Time']?> <? } ?>
  4. lorranaas

    Criar array e adicionar em uma table

    Pessoal, sou nova em php e estou precisando de ajuda. Como faço para pegar o input de um usuário, adicioná-lo em um array e exibi-lo em uma table? Tenho esse código: <form method = "post"> <div class="form-group"> <label style="margin-left: 35px;">• Produto </label> <select id="cboProduto" name= "produto" style="margin-left: 45px; width: 210px; height: 30px;padding-left:8px;"> <?php $query = 'SELECT * from tab_produto where flag_produto LIKE "venda" order by nome_produto'; $result = mysql_query($query) or die("Falha na execução da consulta"); while($row1 = mysql_fetch_assoc($result)) { $produto = $row1['id_produto']; $nomeproduto = $row1['nome_produto']; ?> <option value="<?php echo $produto;?>"><?php echo $nomeproduto;?></option> <?php } ?> </select> <?php $sql = "SELECT * FROM tab_produto WHERE id_produto = '$produto'"; $rs = mysql_query($sql); while($reg = mysql_fetch_array($rs)) { $produtos[] = array('nome_produto' => $reg['nome_produto'], 'valor_produto' => $reg['valor_produto']); } ?> <label style="margin-left: 35px;">• Quantidade</label> <td><input style="margin-left: 15px; width: 100px; height: 30px;padding-left:10px;" name="quantidade" type="text" id="txtQuant" > <button class="btn btn-primary" style="margin-left: 15px" type="submit" id="btnAdicionar"> + </button> <a href="EfetuarVenda.php" class="btn btn-danger" role="button">Nova Venda</a> </div> </form> <hr> <div class="container"style="margin-left:30px; width:1000px;"> <div class="row"> <div class="col-xs-12"> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr class="active"> <th style="width:115px; padding-left:40px;">Data</th> <th style="width:180px; padding-left:60px;">Produto</th> <th style="width:115px; padding-left:18px;">Quantidade</th> <th style="width:125px; padding-left:15px;">Preço Unitário</th> <th style="width:135px; padding-left:10px;">Total do Produto</th> <th style="width:135px; padding-left:10px;">Total Compra</th> <?php $data = date("Y-m-d"); $soma = 0; $dati = explode("-", $dato[$j]); $dataconvertida[$j]=$dati[2]."/".$dati[1]."/".$dati[0]; $j=1; ?> </tr> </thead> <tbody> <tr class="success"> <td style="padding-left:15px;"><?php echo $dataconvertida[$i];?></td> <td style="padding-left:30px;"><?php echo $produtos[$cont][nome_produto]?></td></td> <td style="padding-left:30px;"><?php echo $quantidade[$i];?></td></td> <td style="padding-left:35px;"> R$<?php echo $produtos[$cont][valor_produto];?></td></td> <td style="padding-left:35px;"> R$<?php echo $produtos[$cont][valor_produto]*$quantidade[$i];?></td></td> <td style="padding-left:30px;"> R$ <?php $preco = (float)$preco; $total = (float)$total; $soma=(float)$soma; $total = $quantidade[$i]*$preco; $soma = $soma + $total; echo $soma;?></td></td> <td><a href="excluirVenda.php?produto=<?php echo $codigoprodutoinserido[$i];?><?php echo $produto[$i];?>&cpf=<?php echo $cpfselecionado;?>&data=<?php echo $dato[$i];?>&quantidade=<?php echo $quantidade[$i];?>" class="btn btn-danger" role="button">Excluir Produto</a></td></td> </tr> </tbody> </table> </div> </div> </div> </div>
  5. RafaelDuarte

    Problemas com Table

    Olá amigos, gostaria de uma grande ajuda de vocês; Sou estudante e iniciante de programação Web e estou com uma dúvida há dias, já pesquisei em vários fóruns, mas não consegui achar uma solução para o meu problema... Então resolvi pedir a ajuda de vocês com mais experiência que eu. <table width="600" border="1" cellspacing="5" bgcolor="#FFFFFF"> <tr align="center"> <td width="400" align="center">Nome:</td> <!-- Repetição para aparecer todas as datas que contém frequência de uma determinada célula--> <?php do{?> <td align="center"><?php echo date('d/m/Y',strtotime($row_rs_datas_frequencia['data'])); ?></td> <?php }while($row_rs_datas_frequencia = mysql_fetch_assoc($rs_datas_frequencia))?> <td width="200" align="center">Total Presença Membros Mensal</td> <td width="200" align="center">Total Falta Membros Mensal</td> </tr> <?php do{ ?> <tr align="center"> <!-- Imprimi a quantidade de alunos e as frequências --> <td width="400" align="center"><?php echo $row_rs_membros['nome']; ?></td> <!-- ********************************************************************** **************************************************************************** AQUI ESTÁ O PROBLEMA, NÃO ESTOU CONSEGUINDO FAZER APARECER A PRESENÇA DAS OUTRAS DATAS --> <?php $countP=0; $countF=0;?> <td align="center"> <?php if($row_rs_relatorio['presenca']>=1){ $countP++; echo "P"; }else{ $countF++; echo "F";} $row_rs_relatorio = mysql_fetch_array($rs_relatorio);?></td> <td align="center"><?php echo $countP ?></td> <td align="center"><?php echo $countF ?></td> </tr> <?php }while($row_rs_membros = mysql_fetch_assoc($rs_membros)) ?> </table> Resultado: OBS: No meu banco já estou conseguindo preencher as frequências normalmente, agora estou no passo de gerar os relatórios das mesmas. Meu objetivo era fazer um relatório mensal de frequência como este no Excel: Meus Banco de Dados: Ø MEMBRO · Cod_membro · Nome · ... (informações em gerais) · Cod_celula Ø Célula · Cod_celula · Nome Ø Frequência · Cod_frequencia · Data · ...(Informações em gerais) · Cod_celula Ø Membro_Frequência · Cod_membro · Presença (0=F;1=P) · Cod_frequencia (Tentei resumir a dúvida o máximo que pude, desculpe pelo tamanho do POST) mysql_select_db($database_ChurchApp, $ChurchApp); $query_rs_membros = sprintf("SELECT * FROM membro WHERE cod_celula = %s", GetSQLValueString($colname_rs_membros, "int")); $rs_membros = mysql_query($query_rs_membros, $ChurchApp) or die(mysql_error()); $row_rs_membros = mysql_fetch_assoc($rs_membros); $totalRows_rs_membros = mysql_num_rows($rs_membros); mysql_select_db($database_ChurchApp, $ChurchApp); $query_rs_relatorio = sprintf("SELECT membro.nome, frequencia.cod_frequencia, frequencia.data, membro_frequencia.presenca FROM membro, frequencia, membro_frequencia WHERE frequencia.cod_celula = %s AND membro.cod_membro = membro_frequencia.cod_membro AND MONTH(frequencia.data) = 05 AND membro_frequencia.cod_frequencia = frequencia.cod_frequencia", GetSQLValueString($colname_rs_relatorio, "int")); $query_rs_datas_frequencia = sprintf("SELECT frequencia.data FROM frequencia WHERE cod_celula = %s and MONTH(frequencia.data) = 05", GetSQLValueString($colname_rs_datas_frequencia, "int"));
  6. Ola Pessoal, essa dúvida é frequente nos fóruns por ae, mas não consegui implementar. Quero fazer isso : Toda vez que clicar em um item de uma tabela, vai chamar uma função que pega o valor de uma TD da table e adiciona em uma variavel pra poder ser salvar em um banco. valTD, é a variável q assume o valor da TD. Tenho esse codigo no arquivo Javascript. $(document).ready(function(){ $('#tableId').on('click', 'tr', function() { $(this).find('td').each(function(i){ $th = $("th")[i]; // variavel `valTd` assume o valor $valTd = jQuery($th).text() + "" + $(this).html(); }); }) }); E este no arquivo PHP Preciso que a variavel `cod1` receba o valor da variavel `valTd`, ... $query = "INSERT INTO tabelaBanco (cod1) VALUES ('$cod1')"; ... Por onde posso começar? Desde ja agradeço.
  7. Acharnobairro

    Tabela sem Table com CSS

    Fiz esta tabela sem usar Table (do html), só com css, mas não é prática para preencher as células, usável para poucas informações, elas não se auto-ajustam (height 100px). Testei no IE8 (xp), FF e Chrome (ubuntu 10). Quem puder melhora-la ... é uma idéia inicial. <html> <head> <title>Tabela só com CSS</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> * { margin-left: auto; margin-right: auto; } body { overflow:auto; text-align: center; } #tabela { width: 906px; overflow: hidden; border: 2px solid #FF0000; -moz-border-radius:5px; /* canto arredondado no Firefox */ -webkit-border-radius:5px; /* canto arredondado no Google Chrome e Safari: -webkit- */ border-radius:5px; /* para quando o W3C valide os comandos CSS3. Funciona no IE9 */ } #l1c1 { width: 200px; height: 100px; position: relative; float: left; border-top: 0px solid #339900; border-right: 2px solid #339900; border-bottom: 2px solid #339900; border-left: 0px solid #339900; overflow: auto; } #l1c2 { width: 350px; height: 100px; position: relative; float: left; border-top: 0px solid #339900; border-right: 2px solid #339900; border-bottom: 2px solid #339900; border-left: 0px solid #339900; overflow: auto; } .margem { margin: 30px; } .limpa {clear: both;} </style> </head> <body> <br> <p> Tabela sem TABLE, só com CSS.</p> <div id="tabela"> <div id="l1c1"> <p style="text-align: center;"><b><br> coluna 1</b></p> <br> </div> <div id="l1c2"> <p align="center"><b>coluna 2</b></p> </div> <div id="l1c2"> <p align="center"><b>coluna 3</b></p> </div> <span class="limpa"></span> <div id="l1c1"> <p class="margem"><b>linha 2</b><br> Acrescentando mais linhas <br> a ponto de expandir a célula da coluna 1, <br> ela passa a ser referencia de tamanho para as colunas da direita. </p> </div> <div id="l1c2"> <p class="margem"><b>linha 2</b><br> As linhas<br> das molduras <br> acompanham <br> o tamanho da célula.<br> </p> </div> <div id="l1c2"> <p class="margem"> <b> Linha 2 </b> <br> A quantidade de linhas nas outras colunas <br> deve ser igual a da primeira coluna <br> para que todas as células tenham <br> o mesmo tamanho. </p> </div> <span class="limpa"></span> <div id="l1c1"> <p class="margem"> <b> Linha 3 </b></p> </div> <div id="l1c2"> <p class="margem"> <b> Coluna 2 </b></p> </div> <div id="l1c2"> <p class="margem"> <b> Coluna 3 </b></p> </div> <span class="limpa"></span> <div id="l1c1"> <br> <p class="margem">linha 4</p> </div> <div id="l1c2"> <p class="margem"> <b> Coluna 2 </b></p> </div> <div id="l1c2"> <p class="margem"> <b> Coluna 3 </b></p> </div> <span class="limpa"></span> <div id="l1c1"> <p class="margem">linha 5</p> </div> <div id="l1c2"> <p class="margem"> <b> Coluna 2 </b></p> </div> <div id="l1c2"> <p class="margem"> <b> Coluna 3 </b></p> </div> <span class="limpa"></span> <p align="center"><br> Todas as tabelas estão com as pontas nas bordas. <br> <br> A tabela CSS está centrada na página do navegador IE8, Firefox e no Chrome. <br> </p> </div> </body> </html>
  8. Danilo Milan_54764

    Ultrapassando o 100% do browser

    Bom dia, estou montando um layout com 3 'seções': header, main e footer, porém, no header e no footer quero que fico 100% largura e no main quero que ultrapasse os 100%, criando a barra de rolagem horizontal somente nessa div. tentei colocar o width: auto; mesmo como o conteúdo dele sendo maior, quando chega em 100% o restante é jogado para baixo, quebrando a linha. colocando o tamanho da div main (está como display: table) como width: 2620px; (é o tamanho que preciso mais ou menos) deu certo, ultrapassou o limite, entretanto, criou a barra de rolagem na pagina inteiro e não somente nessa div. Tentei usar na div: overflow-x: scroll, sem sucesso também. .table{ display: table; overflow: scroll;} .row{ display: table-row;} .left{float: left;} .tile{ width: 122px; height: 122px; display: inline-block; margin: 2px; padding: 2px; float: left; } .table#movimento > .row > .tile:hover, .table#cadastro > .row > .tile:hover, .table#relatorio > .row > .tile:hover, .table#manutencao > .row > .tile:hover{ background-color: #ff8000; transition: 0.7s; } .table#movimento > .row > .tile{ background-color: #00bde3; } .table#cadastro > .row > .tile{ background-color: #e76221; } .table#relatorio > .row > .tile{ background-color: #6955a5; } .table#manutencao > .row > .tile{ background-color: #ddc100; } <div class="table"> <div id="movimento" class="table left"> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> </div> <div id="cadastro" class="table left"> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> </div> <div id="relatorio" class="table left"> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> </div> <div id="manutencao" class="table left"> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> <div class="row"> <div class="tile"></div> <div class="tile"></div> </div> </div> </div> </div> Obrigado desde a já
  9. Boa tarde pessoal, tudo bem? Seguinte, tenho uma tabela que é grande, tem aprox umas 30 colunas. As 15 primeiras a coluna do titulo é 'esverdiada', e o restante amarelo escuro, como vcs podem ver abaixo. Como é uma tabela grande, e o template é responsivo, então não quebra o layout, mas acabou gerando uma barra de rolagem horizontal, (circulei em vermelho no print abaixo ), e pensei em algo pra tentar minimizar o uso dela que seriam 2 botões, um com a tonalidade verde, e o outro com a tonalidade amarela, que quando clicados, por exemplo, cliquei no botão verde, rola a tabela pra primeira coluna em verde e cliquei no amarelo, rolar a tabela até a primeira coluna em amarelo. Seria como uma ancora html, só que a ancora iria rolar para a horizontal. ALguem sabe como ajudar?
  10. safire

    Border table com problema

    Fiz uma tabela com html e css mas as bordas estão com problema. Ao passar o mouse em cima, algumas saem o estilo. No chrome é possível visualizar melhor o que acontece, as bordas ficam pretas; no Firefox as bordas apenas não aparecem mais. Poderiam e ajudar em como resolver isso? https://jsfiddle.net/safirelauene/yj18kdux/1/ <style type="text/css"> .tabela1{ border:1px solid #ccc; border-spacing:0; border-collapse:collapse; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; -webkit-box-shadow: 1px 1px 20px 5px #CCCCCC; box-shadow: 1px 1px 20px 5px #CCCCCC; width:80%; margin-left:10%; } .tabela1 th{ border:1px solid #ccc; padding: 5px; } .tabela1 tr td{ /* cor das linhas */ background-color: #959595; color: #fff; text-shadow: 0px 0px 1px #EDEDED; border:1px solid #ccc; padding: 10px; text-align:center; -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } .tabela1 tr td:hover,.tabela1 tr td:focus,.tabela1 tr td:active { opacity: 0.7; } </style> <table class="tabela1"> <tr> <th>Coluna 1</th> <th>Coluna 2</th> <th>Coluna 3</th> </tr> <tr> <td>Linha</td> <td>Linha</td> <td>Linha</td> </tr> <tr> <td>Linha</td> <td>Linha</td> <td>Linha</td> </tr> </table>
  11. Possuo uma função Javascript que gera a tabela de uma página em uma planilha Excel. Segue o código abaixo: function montaExcel(){ var tab_text = "<table><tr><td><img src='http://201.7.201.173/images/layout/logo.jpg'></img></td></tr><tr><td style='font-size: 20px'>"+$('#comboUnidades option:selected').text()+"</td><td style='font-size: 20px'>"+$('#txtData').val()+"</td></tr><tr><td></td></tr></table>"; tab_text=tab_text+"<table border='2px'><tr bgcolor='#CCCCCC'>"; var textRange; var j=0; tab = document.getElementById('tblAcompanhamentoDiario'); // id of table for(j = 0 ; j < tab.rows.length ; j++) { tab_text=tab_text+tab.rows[j].innerHTML+"</tr>"; //tab_text=tab_text+"</tr>"; } tab_text=tab_text+"</table>"; tab_text=tab_text+"<table><tr><td></td></tr><tr><td colspan=8>"+$('#txtRodape').html()+"</td></tr></table>"; tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table // tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer { txtArea1.document.open("txt/html","replace"); txtArea1.document.write(tab_text); txtArea1.document.close(); txtArea1.focus(); sa=txtArea1.document.execCommand("Save As",true,"Acompanhamento_Diario.xls"); } else //other browser not tested on IE 11 sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text)); return (sa);} Contudo, as imagens estão se sobrepondo às células, como a logo.jpg (grifei em negrito no código acima). Como eu posso melhorar isso? Alguma sugestão? Ninguém sabe me ajudar nessa? :(
  12. Olá gente, sou novo aqui! Estou criando um site e para apresentação de links eu fiz uma tabela onde tem uma imagem e dentro dela um texto de identificação o meu problema é posicionar esta imagem dentro da célula VERTICALMENTE no CENTRO e HORIZONTALMENTE na ESQUERDA e com o texto a frente também posicionado verticalmente no centro e horizontalmente na esquerda. <td class="celulas1"> <!--CÉLULA DA TABELA ONDE CONTÉM LINK DE REDIRECIONAMENTO, ICONE E TEXTO DE IDENTIFICAÇÃO--> <a href="http://google.com.br" class="linksicones"><p class="textolink"> <img src="administracaopredial.png" class="menus"> Administração Predial</p> </a> </td> CÓDIGO CSS img.menus{ border: none; float: left; vertical-align: middle; width: 50px; height: 50px; opacity: 0.6; position:absolute; filter: alpha(opacity=60); } img.menus:hover{ float:left; border: none; opacity: 1.0; filter: alpha(opacity=100); } p.textolink{ margin-right: px; font-size: 25px; margin-top: 22 px; }
  13. gaahsz

    posicionamento de imagem!

    Pessoal, estou montando um site e não estou conseguindo posicionar a imagem e o texto da forma que eu quero dentro da <td> da tabela. Eu gostaria que a imagem ficasse alinhada a esquerda e no centro verticalmente com o texto à frente dele. td class="celulas1"> <!--CÉLULA DA TABELA ONDE CONTÉM LINK DE REDIRECIONAMENTO, ICONE E TEXTO DE IDENTIFICAÇÃO--> <a href="http://google.com.br" class="linksicones"><p class="textolink"> <img src="administracaopredial.png" class="menus"> Administração Predial</p> </a> </td>
  14. Philippegfc

    Formulário - Campo Dinâmico

    Pessoal, estou com o seguinte problema: Criei uma aplicação web que realiza controle de fluxo de caixa. Essa aplicação recebe valores através de um FORM de janeiro a dezembro e realiza alguns cálculos após ser aplicado o método POST. Porém esses valores são inseridos em campos (input) estáticos. Gostaria de saber se existe alguma de fazer com que o usuário insira mais campos dinamicamente, ou seja, quando o usuário clicasse em "adicionar linhas" os campos (marcados abaixo em azul) fossem replicados sem que se perdesse o seu índice, pois os valores inseridos neles são tratados em outra página. <tr class="linha_celula_fixa"> <td><font color="FFFFFF">Entradas</font></td> <td><font color="FFFFFF">Janeiro</font></td> <td><font color="FFFFFF">Fevereiro</font></td> <td><font color="FFFFFF">Março</font></td> <td><font color="FFFFFF">Abril</font></td> <td><font color="FFFFFF">Maio</font></td> <td><font color="FFFFFF">Junho</font></td> <td><font color="FFFFFF">Julho</font></td> <td><font color="FFFFFF">Agosto</font></td> <td><font color="FFFFFF">Setembro</font></td> <td><font color="FFFFFF">Outubro</font></td> <td><font color="FFFFFF">Novembro</font></td> <td><font color="FFFFFF">Dezembro</font></td> </tr> <tr> <td><input id="ent1" name="ent1" type="text" size="15"/ /></td> <td><input id="a1" name="a1" type="text" size="6"/></td> <td><input id="b1" name="b1" type="text" size="6"/></td> <td><input id="c1" name="c1" type="text" size="6"/></td> <td><input id="d1" name="d1" type="text" size="6"/></td> <td><input id="e1" name="e1" type="text" size="6"/></td> <td><input id="f1" name="f1" type="text" size="6"/></td> <td><input id="g1" name="g1" type="text" size="6"/></td> <td><input id="h1" name="h1" type="text" size="6"/></td> <td><input id="i1" name="i1" type="text" size="6"/></td> <td><input id="j1" name="j1" type="text" size="6"/></td> <td><input id="k1" name="k1" type="text" size="6"/></td> <td><input id="l1" name="l1" type="text" size="6"/></td> </tr>
  15. ghlevin

    Mudando conteúdo de uma TD

    Eu estou tentando fazer com que numa função o conteúdo de uma célula TD da minha tabela seja modificado. Quero passar de: <td id="tdDespesas" style="border-right:1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;">{label_orcadoRealizado_despesas} <img id='btnOne' src='{raiz}images/layout/row_plus.gif' onclick='showLines()' title='Extender' style='cursor: pointer; margin-left: 5px;'/> <img id='btnTwo' src='{raiz}images/layout/row_minus.gif' onclick='hideLines()' title='Diminuir' style='cursor: pointer; margin-left: 5px;'/> </td> Para: <td id="tdDespesas" style="border-right:1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;">{label_orcadoRealizado_despesas} </td> Preciso fazer isso porque a função seria uma impressão em PDF e, infelizmente, estão aparecendo os códigos dos botões btnOne e btnTwo. Colocar hide ou display: none nos botões não adiantam pra isso, por enquanto. Qual seria a melhor solução? InnerHTML ou InnerContent infelizmente não funcionam.
  16. Possuo uma tabela que é resultado de uma consulta MySQL de um banco em um servidor. Ela é mostrada da seguinte forma, por exemplo: E-MAIL VALUE ------ ----- email1 P email2 P email3 C email4 P email5 C email6 P Preciso que na minha página (que está num outro servidor que não o da página onde está essa tabela) ele possa pegar o valor da segunda coluna (P ou C) quando o usuário loga com um dos e-mails dessa tabela. Supondo então que o usuário seja o do email5, ele tem de pegar o valor C. Depois de pegar o valor C, esse valor será inserido numa outra tabela (de banco MySQL) do servidor da minha página. Não sei se ficou muito claro. Minha ideia inicial era pegar valor de uma tabela de um banco MySQL (do servidor 1) e colocar na outra tabela de outro banco MySQL (do servidor 2), mas até agora não obtive sucesso. Provavelmente a função terá que ser em javascript. Mas se puder ser feita em PHP seria melhor.
  17. No site que assumi de um desenvolvedor anterior, é feito o cadastro de usuários investidores. Esse cadastro busca informações de um sistema já instalado na rede do meu cliente chamado de CM. A função que faz o cadastro é essa: function cadastraInvestidor(codigoCM){ function iniciaDataTableUH(tableName, sort, sortType){ $('#'+tableName+'').dataTable( { "sDom" : '<"top"p<"clear">>', "oLanguage" : { "sLengthMenu" : "Mostrando _MENU_ Técnicos por página", "sZeroRecords" : "SEM REGISTROS", "sInfo" : "Mostrando _START_ a _END_ de _TOTAL_ Técnicos Localizados", "sInfoEmpty" : "Mostrando 0 a 0 de 0 Técnicos Localizados", "sInfoFiltered" : "(Filtrou de _MAX_ Técnicos)" }, "sPaginationType" : "full_numbers", "bLengthChange" : true, "iDisplayLength" : 5, "bFilter" : false, "bSort" : true, "bRetrieve": true, "bInfo" : true, "bAutoWidth" : false, "aaSorting" : [ [ sort, sortType ] ], "fnDrawCallback" : function() { $('#'+tableName+'_previous').hide(); $('#'+tableName+'_first').hide(); $('#'+tableName+'_second').hide(); $('#'+tableName+'_last').hide(); $('#'+tableName+'_next').show(); if ($('.paginate_active').html() != '1') { $('#'+tableName+'_previous').show(); if ($( "#"+tableName+"_paginate span .paginate_button:last") .text() < $( "#"+tableName+"_paginate span .paginate_active:last") .text()) $('#'+tableName+'_next').hide(); } else { $('#'+tableName+'_previous').hide(); } if ($("#"+tableName+"").find( "tr:not(.ui-widget-header)").length <= $( "#"+tableName+"_length option:selected") .text() && $('.paginate_active').html() == '1') { $('div.dataTables_paginate')[0].style.display = "none"; } else { $('div.dataTables_paginate')[0].style.display = "block"; } } }); $('#'+tableName+'_previous').html('<'); $('#'+tableName+'_next').html('>'); $('#tableCadInvestidores_paginate').css('display','none'); $('#tableInvestidores_paginate').css('display','none'); } $.ajax({ async: true, cache:false, url: '[:raiz]cadAdmin/getDetalhesInvestidorCM', data: { codigoCM: codigoCM }, dataType: 'json', success: function(data) { if (data == 'erro'){ $("#erroInvestidorJaCadastrado").dialog( { buttons : { Ok : function() { $(this).dialog('close'); } }, modal : true, autoOpen : false, resizable : false, closeOnEscape : false, open : function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } }); $("#erroInvestidorJaCadastrado").dialog('open'); } else { var arrayContatos = new Array(); var close = $('#lblCancelar').val(); var save = $('#lblSalvar').val(); var dialog_buttons = {}; dialog_buttons[close] = function(){ $( this ).dialog( "close" ); }; dialog_buttons[save] = function(){ $.ajax({ async: true, cache:false, url: '[:raiz]cadAdmin/validaEmailInvestidorCM', data: { codigoCM: codigoCM }, dataType: 'json', success: function(dt) { var info = new Array(); info[0] = $('#lblInfo0').val(); info[1] = $('#lblInfoConfDadosCM1').val(); info[2] = $('#lblInfoSalvaInvest2').val(); info[3] = $('#lblInfoSalvaInvest3').val(); info[4] = $('#lblInfoSalvaInvest4').val(); info[5] = $('#lblInfoSalvaInvest5').val(); info[6] = $('#lblInfoSalvaInvest6').val(); info[7] = $('#lblInfoSalvaInvest7').val(); info[8] = $('#lblInfoSalvaInvest8').val(); info[9] = $('#lblInfoSalvaInvest9').val(); info[10] = $('#lblInfo9').val(); info[11] = $('#lblInfoCom7').val(); info[12] = $('#lblInfo11').val(); info[13] = $('#lblInfoCom8').val(); info[14] = $('#lblInfoConfDadosCM25').val(); info[15] = $('#lblInfo12').val(); data['info']=info; if(dt=='1'){ //VALIDAÇÃO EMAIL DT=0 CERTO DT=1 ERRADO DT=2 E-MAIL EM BRANCO $("#erroEmail").dialog( { buttons : { Ok : function() { $(this).dialog('close'); } }, modal : true, autoOpen : false, resizable : false, closeOnEscape : false, width: 500, height: 120, open : function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } }); $('#erroEmail').dialog('open'); } else if(dt=='0') { $.ajax({ async: true, cache:false, url: '[:raiz]cadAdmin/cadastraInvestidorCM', // data: ({ data : data, //}), type: "POST", dataType: 'json', success: function(dados) { $("#erroUhSemUnidade,#sucessoSalvaCM,#erroEmailInvestidor,#erroLoginInvestidor").dialog( { buttons : { Ok : function() { $(this).dialog('close'); } }, modal : true, autoOpen : false, resizable : false, closeOnEscape : false, width: 500, open : function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } }); $.ajax({ cache:false, data: ({ codigoCM: codigoCM, preferencias: (data['tipo'] == 'F' ? $('#txtPreferenciasF').val() : $('#txtPreferenciasJ').val()), comportamento: (data['tipo'] == 'F' ? $('#txtComportamentoF').val() : $('#txtComportamentoJ').val()) }), url: '[:raiz]cadAdmin/salvaInfoInvestidorCodigoCM', dataType: 'json', success: function(dt) { //$('#modalDadosSalvos').dialog('open'); $.ajax({ cache:false, data: ({ codigoCM: codigoCM, arrayContatos : arrayContatos, }), type: "POST", url: '[:raiz]cadAdmin/salvaContatoInvestidor', dataType: 'json', }); } }); if(dados != null && dados != ""){ if (dados == '2'){ $("#erroEmailInvestidor").dialog('open'); } else if (dados == '3') { $("#erroLoginInvestidor").dialog('open'); } else { if(dados.split("|")[1] != ''){ var dadosSplit = dados.split("|"); var tam = dadosSplit.length; var erros =''; for ( var int = 0; int < (tam-1); int++) { erros+=' '+dadosSplit[int]; if (int != (tam-2)){ erros+=','; } } $("#erroUhSemUnidade").html($('#errosalva').val()+erros); $("#erroUhSemUnidade").dialog('open'); }else{ $("#erroUhSemUnidade").html($('#errosalva').val()+dados.split("|")[0]); $("#erroUhSemUnidade").dialog('open'); } } }else{ $("#sucessoSalvaCM").dialog('open'); } $( "#modalDetalhes" ).dialog( "close" ); } }); }else if(dt=='2'){ $("#emailEmBranco").dialog( { buttons : { Ok : function() { $(this).dialog('close'); } }, modal : true, autoOpen : false, resizable : false, closeOnEscape : false, width: 500, open : function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } }); $("#emailEmBranco").dialog('open'); } } }); }; $('#bodyInvestidoresUh').html(""); $('#bodyInvestidoresUhJ').html(""); if(data['dataNascimento'] != 'NULL'){ var nasc = data['dataNascimento'].split("-"); nasc = nasc[2]+"/"+nasc[1]+"/"+nasc[0]; }else{ var nasc = 'NULL'; } if (data['tipo'] == 'F'){ var checkBox = ""; var tamanhoModal = 670 + (50 * parseInt(data['uhs'].length)); $('#detalhesFisica').show(); $('#detalhesJuridica').hide(); $('#modalDetalhes').attr('title',$('#lblDetalhesInvestidor').val()); $('#modalDetalhes').dialog({ width: 625, height: tamanhoModal, modal: true, buttons: dialog_buttons, autoOpen: true, resizable: false, closeOnEscape: true, position: 'top', close: function(){ } }); $('#txtPreferenciasF').val(""); $('#txtComportamentoF').val(""); $('#lblFisicaNome').html(data['nome'].toString().toUpperCase() == 'NULL' ? '' : data['nome'].toString()); $('#lblFisicaCPF').html(data['documento'].toString().toUpperCase() == 'NULL' ? '' : data['documento'].toString()); $('.lblFisicaDataNascimento').html(nasc.toUpperCase() == 'NULL' ? '' : nasc.toString()); $('#lblFisicaEmail').html(data['email'].toString().toUpperCase() == 'NULL' ? '' : data['email'].toString()); $('#lblFisicaTelefone').html(data['telefone'].toString().toUpperCase() == 'NULL' ? '' : data['telefone'].toString()); $('#lblFisicaLogradouro').html(data['logradouro'].toString().toUpperCase() == 'NULL' ? '' : data['logradouro'].toString()); $('#lblFisicaBairro').html(data['bairro'].toString().toUpperCase() == 'NULL' ? '' : data['bairro'].toString()); $('#lblFisicaCidade').html(data['cidade'].toString().toUpperCase() == 'NULL' ? '' : data['cidade'].toString()); $('#lblFisicaEstado').html(data['estado'].toString().toUpperCase() == 'NULL' ? '' : data['estado'].toString()); $('#lblFisicaPais').html(data['pais'].toString().toUpperCase() == 'NULL' ? '' : data['pais'].toString()); $('#lblFisicaCargo').html(data['cargo'].toString().toUpperCase() == 'NULL' ? '' : data['cargo'].toString()); $('#lblFisicaCC').html(data['contaCorrente'].toString().toUpperCase() == 'NULL' ? '' : data['contaCorrente'].toString()); $('#lblFisicaAgencia').html(data['agencia'].toString().toUpperCase() == 'NULL' ? '' : data['agencia'].toString()); $('#lblFisicaBanco').html(data['banco'].toString().toUpperCase() == 'NULL' ? '' : data['banco'].toString()); $('#tableInvestidoresUh').show(); var retorno = ""; //$('#bodyInvestidoresUh').html(retorno); for ( var int = 0; int < data['uhs'].length; int++) { retorno += "<tr>"; retorno += "<td>"+ (data['uhs'][int]['tipoinvestidor'] == 'P' ? 'Pool' : 'Condomínio') +"</td>"; retorno += "<td>"+data['uhs'][int]['numero']+" - "+data['uhs'][int]['desctipo']+"</td>"; retorno += "<td>"+data['uhs'][int]['unidade']+"</td>"; retorno += "<td>"+data['uhs'][int]['descricao']+"</td>"; retorno += "<td>"+data['uhs'][int]['participacao']+"</td>"; retorno += "</tr>"; } $('#bodyInvestidoresUh').html(retorno); var contato =0; $.ajax({ async: false, cache:false, url: '[:raiz]cadAdmin/getContatoInvestidorCm', data: { codCm: codigoCM }, dataType: 'json', success: function(dt) { var contactTable = ""; if (dt[0]!=undefined && dt[0]['COUNT'] > 0){ contato = dt[0]['COUNT']; $('#txt0DadosContato').show(); contactTable+="<table class='tables' style='width:565px;float:left;font-size: 11px;'><tr><td>"+$('#lblNome').val()+"</td>" + "<td>"+$('#lblTel').val()+"</td><td>"+$('#lblEmail').val()+"</td></tr>"; for(var i=0;i<dt.length;i++){ arrayContatos[i] = dt[i]['NOME']+"|"+dt[i]['TELEFONE'] +"|"+ dt[i]['EMAIL']+";"; var nome = (dt[i]['NOME']!=undefined ? dt[i]['NOME'] : ""); var telefone = (dt[i]['TELEFONE']!=undefined ? dt[i]['TELEFONE'] : ""); var email = (dt[i]['EMAIL']!=undefined ? dt[i]['EMAIL'] : ""); contactTable+=("<tr><td>" + nome + " </td><td> " + telefone + " </td><td> " + email +"</td></tr>"); } contactTable+="</table>"; $('#txt1DadosContato').show(); }else{ $('#txt1DadosContato').hide(); } $('.dadosContato').html(contactTable); } }); var tamanhoModal = (670 + (45 * ((parseInt(data['uhs'].length)>0 ?parseInt(data['uhs'].length)+2 : 0 )) + ((contato>0 ? contato+2 : 0)*20))*1.22); $('#detalhesFisica').show(); $('#detalhesJuridica').hide(); $('#modalDetalhes').attr('title',$('#lblDetalhesInvestidor').val()); $('#modalDetalhes').dialog({ width: 625, height: tamanhoModal, modal: true, buttons: dialog_buttons, autoOpen: true, resizable: false, closeOnEscape: true, position: 'top', close: function(){ } }); } else { var checkBox = ""; $('#txtPreferenciasJ').val(""); $('#txtComportamentoJ').val(""); $('#lblJuridicaNome').html(data['nome'].toString().toUpperCase() == 'NULL' ? '' : data['nome'].toString()); $('.lblFisicaDataNascimento').html(nasc.toUpperCase() == 'NULL' ? '' : nasc.toString()); $('#lblJuridicaCNPJ').html(data['documento'].toString().toUpperCase() == 'NULL' ? '' : data['documento'].toString()); $('#lblJuridicaRazaoSocial').html(data['razaoSocial'].toString().toUpperCase() == 'NULL' ? '' : data['razaoSocial'].toString()); $('#lblJuridicaTipo').html(data['tipo'].toString().toUpperCase() == 'NULL' ? '' : (data['tipo'].toString().localeCompare('F') == 0 ? "Física" : "Jurídica")); $('#lblJuridicaEmpresa').html(data['empresa'].toString().toUpperCase() == 'NULL' ? '' : data['empresa'].toString()); $('#lblJuridicaEmail').html(data['email'].toString().toUpperCase() == 'NULL' ? '' : data['email'].toString()); $('#lblJuridicaTelefone').html(data['telefone'].toString().toUpperCase() == 'NULL' ? '' : data['telefone'].toString()); $('#lblJuridicaLogradouro').html(data['logradouro'].toString().toUpperCase() == 'NULL' ? '' : data['logradouro'].toString()); $('#lblJuridicaBairro').html(data['bairro'].toString().toUpperCase() == 'NULL' ? '' : data['bairro'].toString()); $('#lblJuridicaCidade').html(data['cidade'].toString().toUpperCase() == 'NULL' ? '' : data['cidade'].toString()); $('#lblJuridicaEstado').html(data['estado'].toString().toUpperCase() == 'NULL' ? '' : data['estado'].toString()); $('#lblJuridicaPais').html(data['pais'].toString().toUpperCase() == 'NULL' ? '' : data['pais'].toString()); $('#lblJuridicaCargo').html(data['cargo'].toString().toUpperCase() == 'NULL' ? '' : data['cargo'].toString()); $('#lblJuridicaCC').html(data['contaCorrente'].toString().toUpperCase() == 'NULL' ? '' : data['contaCorrente'].toString()); $('#lblJuridicaAgencia').html(data['agencia'].toString().toUpperCase() == 'NULL' ? '' : data['agencia'].toString()); $('#lblJuridicaBanco').html(data['banco'].toString().toUpperCase() == 'NULL' ? '' : data['banco'].toString()); $('#tableInvestidoresUhJ').show(); var retorno = ""; //$('#bodyInvestidoresUhJ').html(retorno); for ( var int = 0; int < data['uhs'].length; int++) { retorno += "<tr>"; retorno += "<td>"+ (data['uhs'][int]['tipoinvestidor'] == 'P' ? 'Pool' : 'Condomínio') +"</td>"; retorno += "<td>"+data['uhs'][int]['desctipo']+"</td>"; retorno += "<td>"+data['uhs'][int]['unidade']+"</td>"; retorno += "<td>"+data['uhs'][int]['descricao']+"</td>"; retorno += "<td>"+data['uhs'][int]['participacao']+"</td>"; retorno += "</tr>"; } $('#bodyInvestidoresUhJ').html(retorno); //iniciaDataTableUH("tableInvestidoresUhJ", 1, "desc"); var contato = 0; $.ajax({ async: false, cache:false, url: '[:raiz]cadAdmin/getContatoInvestidor', data: { codCm: codigoCM }, dataType: 'json', success: function(dt) { var contactTable = ""; if (dt[0]!=undefined && dt[0]['COUNT'] > 0){ contato = dt[0]['COUNT']; $('#txt0DadosContato').show(); contactTable+="<table class='tables' style='width:565px;float:left;font-size: 11px;'><tr><td>"+$('#lblNome').val()+"</td>" + "<td>"+$('#lblTel').val()+"</td><td>"+$('#lblEmail').val()+"</td></tr>"; for(var i=0;i<dt.length;i++){ arrayContatos[i] = dt[i]['NOME']+"|"+dt[i]['TELEFONE'] +"|"+ dt[i]['EMAIL']+";"; var nome = (dt[i]['NOME']!=undefined ? dt[i]['NOME'] : ""); var telefone = (dt[i]['TELEFONE']!=undefined ? dt[i]['TELEFONE'] : ""); var email = (dt[i]['EMAIL']!=undefined ? dt[i]['EMAIL'] : ""); contactTable+=("<tr><td>" + nome + " </td><td> " + telefone + " </td><td> " + email +"</td></tr>"); } contactTable+="</table>"; $('#txt0DadosContato').show(); }else{ //dar um hide no contato caso o investidor seja pessoa f�sica $('#txt0DadosContato').hide(); } $('.dadosContato').html(contactTable); } }); // var tamanhoModal = (690 + (50 * parseInt(data['uhs'].length) + (contato*20))*1.22); var tamanhoModal = (670 + (45 * ((parseInt(data['uhs'].length)>0 ?parseInt(data['uhs'].length)+2 : 0 )) + ((contato>0 ? contato+2 : 0)*20))*1.22); $('#detalhesJuridica').show(); $('#detalhesFisica').hide(); $('#modalDetalhes').attr('title',$('#lblDetalhesInvestidor').val()); $('#modalDetalhes').dialog({ width: 625, height: tamanhoModal, modal: true, buttons: dialog_buttons, autoOpen: true, resizable: false, closeOnEscape: true, position: 'top', close: function(){ } }); } } } }); } Porém, ela só consegue cadastrar um por um a partir de uma tabela de resultados. Existe como criar uma função que possa cadastrar todos os resultados de uma tabela de uma vez só? Poderia ser até o mesmo código em javascript acima, mas com implementações.
  18. mariana7845

    Tabela html em python

    Python Table HTML Pessoal, to tentando fazer o seguinte with conexao: sql = ("SELECT DATE_FORMAT(DT_ENVIO_ESES,'%d/%m') AS DATA, CAST(SUM(QT_ENVIO_ESES) AS SIGNED INTEGER),ST_ENVIO_ESES AS STATUS FROM ESTATISTICA_ESMS WHERE CD_ROTA_ESES IN (9551)\ AND DT_ENVIO_ESES BETWEEN IF(DAY(CURDATE()) = '01',DATE_ADD(CURDATE(),INTERVAL - 1 MONTH),DATE_FORMAT(CURDATE(),'%Y-%m-01')) AND IF(DAY(CURDATE()) = '01',DATE_ADD(CURDATE(), INTERVAL - 1 DAY),CURDATE()) GROUP BY DT_ENVIO_ESES,ST_ENVIO_ESES") cursor.execute(sql) conexao.commit() line = cursor.fetchall() for row in line: while row: col1 = row[0] col2 = row[1] col3 = row[2].encode("latin1") result = "<tr style=background:lightgray;>"\ "<td style=border-bottom:1px solid #ccc>" + str(col1) + "</td>"\ "<td style=border-right:1px solid #ccc;border-left:1px solid #ccc;text-align:right;border-bottom:1px solid #ccc>"+str(col2)+"</td>"\ "<td style=border-bottom:1px solid #ccc>"+ str(col3) + "</td>"\ "</tr>" row = cursor.fetchone() mensagem = """<body style="border:1px solid;width:235px;"> <table style="table-layout: fixed;font-size: 13px;font-family: arial,sans,sans-serif;border-collapse: collapse; width:235px;"> <colgroup> <col width="60"> <col width="60"> <col width="65"> </colgroup> <tr style="text-align:center;background-color:#b9b9b9;height:21px;border-bottom:1px solid"> <td>Data</td> <td>Quantidade</td> <td>Status</td> %s <tr style="background:lightgray;"> <td style="border-bottom:1px solid #ccc"> </td> <td style="border-right:1px solid #ccc;border-left:1px solid #ccc;text-align:right;border-bottom:1px solid #ccc"> </td> <td style="border-bottom:1px solid #ccc"> </td> </tr> <tr style="background:white;"> <td style="border-bottom:1px solid #ccc"> </td> <td style="border-right:1px solid #ccc;border-left:1px solid #ccc;text-align:right;border-bottom:1px solid #ccc"> </td> <td style="border-bottom:1px solid #ccc"> </td> </tr> <tr style="background:white;"> <td style="border-bottom:1px solid #ccc"> </td> <td style="border-right:1px solid #ccc;border-left:1px solid #ccc;text-align:right;border-bottom:1px solid #ccc"> </td> <td> </td> </tr> </table> </body>""" conteudo = mensagem %(result) Tenho esse script e preciso que ele insira as linhas que vem da query, na table html, linha por linha. No caso aqui, ele só está inserindo a ultima linha do resultado.
  19. Vinà cius Vilela Nunes

    Estilização CSS

    Oi, eu implementei um site com as funções dele mas preciso estilizar ele ao modo que me pediram isso é o que tenho até agora: http://codepen.io/de...inio/pen/eNLKGP mas preciso deixa-lo desse jeito: http://i.imgur.com/mnNDIcf.png O mínimo que poderem me ajudar, desde os buttons, as tabelas, qualquer coisa, eu aceito, por favor! Muito obrigado e com certeza ajudarei quem me ajudar :Dcs
  20. Oi pessoal, eu andei buscando uma forma de fixar head, foot e colunas de tabela em css. Recentemente eu fiz um plugin do jQuery para realizar esse efeito. No plugin, eu atribuo "position: relative" para as células que serão fixas, e uso evento do scroll para atribuir nova posicao (top ou left) da célula, porem, encontrei problema de que a borda-bottom do head, não consegue ficar fixo, quando descer a rolagem, a borda sobe junto com o conteudo, eu não faço ideia de como posso arrumar isso. Gostaria de saber, como vocês fariam esse efeito de fixar cabeçalhos, rodapé ou colunas em uma tabela, usando uma único table?
  21. Gostaria de saber se é possível criar uma função em PHP que permita exportar o conteúdo de uma tabela em HTML (table dentro de um div) direto pra um arquivo de Excel. Estou tentando aproveitar uma função criada do site de um cliente meu, mas não deu muito certo. Então acho que preciso fazer algo de novo.
  22. Como posso montar uma tabela usando o número da semana atual e as próximas 15 Semanas, a semana em que estamos é a 29 então teremos 29+15 = 44, então a tabela ficaria assim... Coluna1 | Coluna2 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 Já tenho a query que pode me retornar as informações necessárias para essa tabela da seguinte forma... Uma outra questão é se também é possível fazer com o que o numero de semanas volte a ser 1 quando houver a mudança de ano... Coluna1 | Coluna2 | 42| 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 1 | 2 | 3 | 4 | 5 52 é o numero máximo de semanas que temos durante o ano... Desde já agradeço a atenção de todos. Obrigado.
  23. isabelacassia19

    Recuperar valores

    Eu tenho uma tabela, e nela preciso recuperar os valores que forem editados na mesma, o código que eu consegui até agora está a seguir: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><!-- PARA CORRETA ACENTUAÇÃO --> <title>Sistemas Lineares </title> <script> function criartabela(){ n = document.getElementById("ordem").value; conteudo='<input type="number" id="ordem" value=" ">'; var html=""; html +='<table border>'; for(var x=1;x<=n;x++){ html+='<tr>'; for(var y=1;y<=n;y++){ html += '<td>'+conteudo+'</td>'; } html+='</tr>'; } html+='</table>'; document.getElementById('diiiv').innerHTML=html; } </script> <script> function matriz(){ criartabela(); a=n*n; termo=[]; m= ''; for (i=0; i<a;i++){ termo= '\r\nA'+i+'\r\n=' + '<br>' ; m=m+termo; } document.getElementById('matriz').innerHTML=m; } </script> <body> <blockquote><blockquote> <!-- 2 tabs --> <form> <br><br> Ordem da Matriz Quadrada: <input type="number" id="ordem" value=" "><br><br> </form> <button onclick="criartabela()">Gerar Matriz a ser Preechida</button> <br><br> <style>ins{text-decoration:none;}</style> <ins id="diiiv"></ins> <br><br> <button onclick="matriz()">valores dos termos</button> <br><br> <style>ins{text-decoration:none;}</style> <ins id="matriz"></ins> <br><br> <button onclick="fpdf()">GERAR RELATÓRIO</button> </blockquote></blockquote> </body> </html> No entanto na linha " termo= '\r\nA'+i+'\r\n=' + '<br>' ; " não era bem isso que eu queria, queria de alguma forma mostar os valores que serão digitados na tabela, logo após o igual. Não sei se estou no caminho certo, se alguém souber me ajudar, ou me mostrar algo mais fácil eu agradeceria.
  24. Boa tarde galera, tudo certo? Não sou muito experiente no mundo da web, portanto venho aqui pedir sugestões de como implementar um determinado mecanismo. - Primeiro vou explicar o processo: Possuo um cadastro / tabela no banco bem simples: ID, nome e ORDENAÇÃO. Este campo ordenação é o que define critério para que os registros sejam buscados / exibidos. É uma tabela que serve para categorizar itens dentro do sistema, e tais itens devem ser buscados com ORDER BY por este campo. Por exemplo: Tabela Categoria ID | Nome | Ordenacao 1 | Computadores | 1 2 | Mouses | 2 3 | Monitores | 3 Tabela Item ID | Nome | idCategoria (FK da outra tabela) 1 | Dell Inspiron | 1 2 | HP Mouse 3000 | 2 3 | Dell Optiplex | 1 1 | Smasung HDTV | 3 ... Desta forma eu busco os itens dando JOIN na categoria e ordenando pelo seu campo Ordenacao. SELECT * FROM item i JOIN categoria c ON c.id = i.idCategoria ORDER BY c.ordenacao Este processo no entanto não fica a encargo do programador ou administrador do sistema controlar, e sim de um determinado usuário, e num belo dia o usuário decide que os Monitores devem ser listados antes que os Mouses (sendo assim a ordenação deve ser invertida). --------------- - Aqui vem minha busca por sugestão de como fazer isso na web. A minha ideia inicial foi de uma espécie de Grid ou Table, em que o usuário possa arrastar as categorias para cima ou para baixo, e quando clicar em Salvar eu atualize o campo no banco de acordo com a ordem que ele deixou. Tem como fazer isso usando HTML e JS? Talvez não precise nem arrastar e soltar (apesar de que ficaria super legal), mas só uma forma de tabela onde pudesse mover para cima / baixo através de uns Buttons ou menu de contexto. Eu sei que o mais simples seria abrir o cadastro da categoria e alterar o campo Ordenação, mas ao meu ver parece um processo chato e não-moderno. Se alguém tiver outras sugestões de como fazer, fique a vontade. Grato desde já e obrigado pela atenção.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.