Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
  <body>
    <!-- Botão de seleção -->
    <button id="selecionar-tabela">Selecionar tabela</button>
    <!-- Tabela a ser selecionada -->
    <table id="minha-tabela">
        <thead>
            <tr>
              <th>Cabeçalho</th>
              <th>Cabeçalho</th>
          </tr>
        </thead>
        <tbody>
            <tr>
              <td>Conteúdo</td>
              <td>Conteúdo</td>
          </tr>
          <tr>
              <td>Conteúdo</td>
              <td>Conteúdo</td>
          </tr>
          <tr>
              <td>Conteúdo</td>
              <td>Conteúdo</td>
          </tr>
        </tbody>
    </table>
    <!-- \\ Fim da tabela -->
  </body>
</html>
 
body {
  font-family: sans-serif;
}
button {
  border: none;
  padding: 15px;
  background-color: #008CBA;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
button:hover {
  background-color: #009CBA;
  cursor: pointer;
}
/* Formatação da tabela */
#minha-tabela {
  width: 100%;
  border-collapse: collapse;
}
#minha-tabela thead tr th {
  padding: 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: #3d3d3d;
  border: 1px solid #ddd;
  background-color: #4CAF50;
  color: #fff;
}
#minha-tabela tbody tr td {
  padding: 5px;
  font-size: 12px;
  border: 1px solid #ddd;
}
#minha-tabela tbody tr:nth-child(even){
  background-color: #f2f2f2;
}
 
var Tabela = {
  selecionarTabela: function(el) {
    var body = document.body, range, sel;
    if (document.createRange && window.getSelection) {
        range = document.createRange();
        sel = window.getSelection();
        sel.removeAllRanges();
        try {
            range.selectNodeContents(el);
            sel.addRange(range);
        } catch (e) {
            range.selectNode(el);
            sel.addRange(range);
        }
    } else if (body.createTextRange) {
        range = body.createTextRange();
        range.moveToElementText(el);
        range.select();
    }
    try {
      document.execCommand('copy');
      range.blur();
    } catch(error){
      // Exceção aqui
    }
  }
}
var selecionaTabelaBtn = document.querySelector("#selecionar-tabela");
var tabelaDeDados = document.querySelector("#minha-tabela");
// Seleciona a tabela no clique do botão
selecionaTabelaBtn.addEventListener("click", function(){
  Tabela.selecionarTabela(tabelaDeDados);
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
eduardo-almeida-IIpro
0viewers