Jump to content
joao.felipe

Colorir Multiplas celulas de tabela atraves de checkbox

Recommended Posts

Pessoal, boa noite,

 

estou tentando fazer um checkbox colorir multiplas celulas de uma tabela. Ao selecionar o checkbox e clicar no onclick botao(filtrar) ou somente selecionando o checkbox, eu preciso colorir a celula de verde através de alguma propriedade. Ex: <td ID="A1" color"green" ></td> da  

 

<!DOCTYPE html>
<html>
<body>

<script>
  function obterMarcados() 
  {
    var numeros = 0;
    var listaMarcados = document.getElementsByName("checkbox1");
    
    if (listaMarcados.length > 0)
    {
      for (loop = 0; loop < listaMarcados.length; loop++) 
      {   
        let item = listaMarcados[loop];
        console.log(item.checked)
        if (item.type == "checkbox" && item.checked) 
        {
          numeros++;
          alert(item.value);
          alert(listaMarcados.length);
        }
      } 
      if (numeros == 0)
      {
        alert("Nenhum CheckBox foi Marcado");
      }
      
    }
    else
    {
      alert("Nao existe nenhum CheckBox com esse nome(name)");
    }  
  }
</script>

 

<form>
  <table width="" border="1" cellspacing="10" cellpadding="4">

 

<tr align="center"> <td>--</td> <td> -- <br></td> <td>A</td> <td>B</td> <td>C</td> <td>D</td> <td>E</td> <td>F</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> <td>K</td> <td>L</td> <td>M</td> <td>N</td> <td>O</td> <td>P</td> <td>Q</td> <td>R</td> <td>S</td> <td>T</td> <td>U</td> <td>V</td> <td>X</td> </tr>

 
<tr align="center"> <td>--</td> <td> <input type="button" name="btn" value="Verificar Marcados" onclick="obterMarcados()">                                         <br></td> <td COLSPAN="12" align="center">RAIZES 8</td> <td COLSPAN="4" align="center">RAIZES 7</td> <td COLSPAN="2" align="center">RAIZES 6</td> <td td COLSPAN="3" align="center">VEREDAS 2</td> <td>CARANDÁ</td> <td>PALMAS</td>  </tr>  

 

<tr align="center"> <td>--</td> <td> --                                                                                                                            <br></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>3</td> <td>1</td> <td>1</td> </tr>  

 

  <tr align="center"> <td>01</td> <td align="left"> <input type="checkbox" id = "3DS Max"            name="checkbox1" value="3DS Max"           > 3DS Max            <br></td> <td bgcolor="green" id="A1">A1 </td> <td id="B1">B1</td> <td>C1</td> <td>D1</td> <td>E1</td> <td>F1</td> <td>G1</td> <td>H1</td> <td>I1</td> <td>J1</td> <td>K1</td> <td>L1</td> <td>M1</td> <td>N1</td> <td>O1</td> <td>P1</td> <td>Q1</td> <td>R1</td> <td>S1</td> <td>T1</td> <td>U1</td> <td>V1</td> <td>X1</td> </tr>  

 

  <tr align="center"> <td>02</td> <td align="left"> <input type="checkbox" id = "Adobe + Audacity"   name="checkbox1" value="Adobe + Audacity"  > Adobe + Audacity   <br></td> <td bgcolor="white" id="A2">A2 </td> <td>B2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr>  

 

  <tr align="center"> <td>03</td> <td align="left"> <input type="checkbox" id = "Anaconda Python 5"  name="checkbox1" value="Anaconda Python 5" > Anaconda Python 5  <br></td> <td bgcolor="white" id="A3">A3 </td> <td>B3</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr>  

 

      </table>
    </form>
  </body>
</html>

Share this post


Link to post
Share on other sites

Olá, João. Fiz um script em JS para esse caso:

 

mapCheckbox = [
  {
    checkboxId: '3DS Max',		// checkbox que será clicado
    cells: ['B1', 'C1'],		// as células que serão pintadas
    color: '#00ff55'			// a cor das células
  },
  {
    checkboxId: 'Adobe + Audacity',
    cells: ['A2', 'B3'],
    color: '#7ddce4'
  },
  {
    checkboxId: 'Anaconda Python 5',
    cells: ['G1', 'H1'],
    color: '#8e90c0'
  },
]
  
// Percorre todos os checkbox com o atributo "name" igual a "checkbox1"
// E adiciona um ouvinte de clique em cada um (que executa a ação abaixo quando ocorre o clique)
document.querySelectorAll('input[name=checkbox1]').forEach(checkbox => checkbox.addEventListener("click", function(){

  // Atribui à variável as opções do checkbox clicado
  const checkboxOptions =  mapCheckbox.find(items => items.checkboxId.trim() === checkbox.id.trim());
  // Pega as células que serão pintadas ao clicar neste checkbox
  const cells = checkboxOptions ? checkboxOptions.cells : null;
  // Pega todos as tags "td"
  const tdItems = document.getElementsByTagName('td');


  // Percorre todas as tags "td" (células) para verificar se alguma corresponde à célula do checkbox clicado
  for(let i = 0; i < tdItems.length; i++) {

    const tdContent = tdItems[i].textContent.trim(); // Pega o texto da célula atual para verificar
    const cellFound = cells && cells.findIndex(cell => cell === tdContent) > -1;	// Verifica se a célula atual está contida no mapCheckbox do checkbox clicado

    // Se o checkbox está marcado e a célula foi encontrada
    if(checkbox.checked && cellFound) {
      // Adiciona a cor predefinida
      tdItems[i].setAttribute('bgcolor', checkboxOptions.color);
    }
    // Se o checkbox não estiver marcado e a célula atual (no loop) está contida no mapCheckbox do checkbox clicado
    // Remove a cor
    else if(!checkbox.checked && cellFound ){
      tdItems[i].removeAttribute('bgcolor');
    }


  }
}));

 

DEMO:

https://jsfiddle.net/q9h4Lrjf/

 

Obs¹: a ação de colorir ficou apenas pelo clique no checkbox que tiver o atributo "name" como "checkbox1". Então, o botão "Verificar Marcados" pode ser removido.

 

Obs²: id no HTML não deve conter espaços

https://www.w3schools.com/tags/att_global_id.asp - Na seção "Attribute Values"

Share this post


Link to post
Share on other sites
23 horas atrás, carloshss disse:

Olá, João. Fiz um script em JS para esse caso:

 


mapCheckbox = [
  {
    checkboxId: '3DS Max',		// checkbox que será clicado
    cells: ['B1', 'C1'],		// as células que serão pintadas
    color: '#00ff55'			// a cor das células
  },
  {
    checkboxId: 'Adobe + Audacity',
    cells: ['A2', 'B3'],
    color: '#7ddce4'
  },
  {
    checkboxId: 'Anaconda Python 5',
    cells: ['G1', 'H1'],
    color: '#8e90c0'
  },
]
  
// Percorre todos os checkbox com o atributo "name" igual a "checkbox1"
// E adiciona um ouvinte de clique em cada um (que executa a ação abaixo quando ocorre o clique)
document.querySelectorAll('input[name=checkbox1]').forEach(checkbox => checkbox.addEventListener("click", function(){

  // Atribui à variável as opções do checkbox clicado
  const checkboxOptions =  mapCheckbox.find(items => items.checkboxId.trim() === checkbox.id.trim());
  // Pega as células que serão pintadas ao clicar neste checkbox
  const cells = checkboxOptions ? checkboxOptions.cells : null;
  // Pega todos as tags "td"
  const tdItems = document.getElementsByTagName('td');


  // Percorre todas as tags "td" (células) para verificar se alguma corresponde à célula do checkbox clicado
  for(let i = 0; i < tdItems.length; i++) {

    const tdContent = tdItems[i].textContent.trim(); // Pega o texto da célula atual para verificar
    const cellFound = cells && cells.findIndex(cell => cell === tdContent) > -1;	// Verifica se a célula atual está contida no mapCheckbox do checkbox clicado

    // Se o checkbox está marcado e a célula foi encontrada
    if(checkbox.checked && cellFound) {
      // Adiciona a cor predefinida
      tdItems[i].setAttribute('bgcolor', checkboxOptions.color);
    }
    // Se o checkbox não estiver marcado e a célula atual (no loop) está contida no mapCheckbox do checkbox clicado
    // Remove a cor
    else if(!checkbox.checked && cellFound ){
      tdItems[i].removeAttribute('bgcolor');
    }


  }
}));

 

DEMO:

https://jsfiddle.net/q9h4Lrjf/

 

Obs¹: a ação de colorir ficou apenas pelo clique no checkbox que tiver o atributo "name" como "checkbox1". Então, o botão "Verificar Marcados" pode ser removido.

 

Obs²: id no HTML não deve conter espaços

https://www.w3schools.com/tags/att_global_id.asp - Na seção "Attribute Values"

 

AMIGO, BOM DIA!

 

ESTOU TENDO O SEGUINTE PROBLEMA. COMO ESTOU APRENDENDO USO O BLOCO DE NOTAS. AO TENTAR SALVAR RECEBO A MENSAGEM: este arquivo contem caracteres no formato unicode que serao perdidos se voce salvar como arquivo texto codificado como ANSi. realizei o procedimento mas nao estou conseguindo executar o mapcheckbox.

 

vou postar o código completo do HTML. criei um botao no evento onclick nao consigo pintar a célula. Alguém poderia enviar código por completo já funcionando dentro do HTML pois facilita minha compreensao

 

Obrigado a todos, está sendo muito interessante estudar esses códigos, o difícil é entender os erros porque nao consigo depurar corretamente os códigos.

Share this post


Link to post
Share on other sites
Em 15/07/2019 at 11:38, joao.felipe disse:

 

AMIGO, BOM DIA!

 

ESTOU TENDO O SEGUINTE PROBLEMA. COMO ESTOU APRENDENDO USO O BLOCO DE NOTAS. AO TENTAR SALVAR RECEBO A MENSAGEM: este arquivo contem caracteres no formato unicode que serao perdidos se voce salvar como arquivo texto codificado como ANSi. realizei o procedimento mas nao estou conseguindo executar o mapcheckbox.

 

vou postar o código completo do HTML. criei um botao no evento onclick nao consigo pintar a célula. Alguém poderia enviar código por completo já funcionando dentro do HTML pois facilita minha compreensao

 

Obrigado a todos, está sendo muito interessante estudar esses códigos, o difícil é entender os erros porque nao consigo depurar corretamente os códigos.

 

Alguém disponível ?

Share this post


Link to post
Share on other sites

@joao.felipe O problema do bloco de notas é bem simples de resolver.

 

Para alterar a codificação do arquivo, basta fazer a mudança quando for salvar.

image.thumb.png.d069a358b28d5e32d6a9bbfc905e38b8.png

Na web pro padrão dos desenvolvedores só utilizamos o Formato UTF-8, sempre que você for trabalhar na web, sempre trabalhe com o UTF-8.

 

infelizmente eu não vou explicar o que é o UTF-8, mas é fácil você achar artigos sobre o assunto, e o porque usar o UTF-8.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By PRWEB
      Boa tarde!!!
       
      Por favor como faço para marcar um checkbox e ai marca automaticamente um campo radio?
       
      Obrigado
    • By Articulando
      Galera, seguinte. Estou tentando criar um evento em javascript que funciona da seguinte maneira; existem 5 checkbox na tela, ao selecionar dois checkbox os outros irão travar e não permitir o clique, se o usuário clicar novamente retirando a seleção de algum dos que foi selecionado ele volta a habilitar. Até então o código funciona blz, porém agora eu preciso fazer com que os dois primeiros checkbox contém como um único clique, ou seja, são 2 checkbox para travar, porém se eu selecionar o primeiro e o segundo eles contam como um, então eu o usuário poderia realizar outro clique em algum checkbox e ficariam 3 checkbox selecionados, porém isso só se aplica aos dois primeiros checkbox, caso não sejam eles é apenas dois cliques, se eles forem clicados o usuário pode escolher mais uma opção.
       
      o código atual está assim:
       
      <script type="text/javascript">
                  (function(){
                      "use strict";
                      var marcados = 0;
                      var verifyCheckeds = function($checks) {
                          if( marcados>=2 ) {
                              loop($checks, function($element) {
                                  $element.disabled = $element.checked ? '' : 'disabled';
                              });
                          } else {
                              loop($checks, function($element) {
                                  $element.disabled = '';
                              });
                          }
                      };
                      var loop = function($elements, cb) {
                          var max = $elements.length;
                          while(max--) {
                              cb($elements[max]);
                          }
                      }
                      var count = function($element) {
                          return $element.checked ? marcados + 1 : marcados - 1;
                      }
                      window.onload = function(){
                          var $checks = document.querySelectorAll('input[type="checkbox"][name="modalidades[]"]');
                          loop($checks, function($element) {
                              $element.onclick = function(){
                                  marcados = count(this);
                                  verifyCheckeds($checks);
                              }
                              if($element.checked) marcados = marcados + 1;
                          });
                          verifyCheckeds($checks);
                      }
                  }());
              </script>
       
       
      Quem conseguir me ajudar eu agradeço, preciso muito desse código rodando. 
    • By joao.felipe
      PESSOAL, MEU CODIGO NAO FUNCIONA, AO MARCAR CHECKBOX OU CLICANDO NO BOTAO GOSTARIA QUE A CELULA FOSSE SOMBREADA. PECO A GENTILEZA DE QUEM FOR AJUDAR REENVIE O CODIGO POR COMPLETO. OBRIGADO
       
       
       
       
      <!DOCTYPE html>
      <html>
      <body>
      <script>
      mapCheckbox = [
        {
          alert alert('funcao Mapeia Checkbox'); ,        // checkbox que será clicado
        },
        {
          checkboxId: '3DS Max',        // checkbox que será clicado
          cells: ['B1', 'C1'],        // as células que serão pintadas
          color: '#00ff55'            // a cor das células
        },
        {
          checkboxId: 'Adobe + Audacity',
          cells: ['A2', 'B3'],
          color: '#7ddce4'
        },
        {
          checkboxId: 'Anaconda Python 5',
          cells: ['G1', 'H1'],
          color: '#8e90c0'
        },
      ]
        
      // Percorre todos os checkbox com o atributo "name" igual a "checkbox1"
      // E adiciona um ouvinte de clique em cada um (que executa a ação abaixo quando ocorre o clique)
      document.querySelectorAll('input[name=checkbox1]').forEach(checkbox => checkbox.addEventListener("click", function(){
        // Atribui à variável as opções do checkbox clicado
        const checkboxOptions =  mapCheckbox.find(items => items.checkboxId.trim() === checkbox.id.trim());
        // Pega as células que serão pintadas ao clicar neste checkbox
        const cells = checkboxOptions ? checkboxOptions.cells : null;
        // Pega todos as tags "td"
        const tdItems = document.getElementsByTagName('td');

        // Percorre todas as tags "td" (células) para verificar se alguma corresponde à célula do checkbox clicado
        for(let i = 0; i < tdItems.length; i++) {
          const tdContent = tdItems.textContent.trim(); // Pega o texto da célula atual para verificar
          const cellFound = cells && cells.findIndex(cell => cell === tdContent) > -1;    // Verifica se a célula atual está contida no mapCheckbox do checkbox clicado
          // Se o checkbox está marcado e a célula foi encontrada
          if(checkbox.checked && cellFound) {
            // Adiciona a cor predefinida
            tdItems.setAttribute('bgcolor', checkboxOptions.color);
          }
          // Se o checkbox não estiver marcado e a célula atual (no loop) está contida no mapCheckbox do checkbox clicado
          // Remove a cor
          else if(!checkbox.checked && cellFound ){
            tdItems.removeAttribute('bgcolor');
          }

        }
      }));
        function obterMarcados() 
        {
          var numeros = 0;
          var listaMarcados = document.getElementsByName("checkbox1");
          
          if (listaMarcados.length > 0)
          {
            for (loop = 0; loop < listaMarcados.length; loop++) 
            {   
              let item = listaMarcados[loop];
              console.log(item.checked)
              if (item.type == "checkbox" && item.checked) 
              {
                numeros++;
                alert(item.value);
                alert(listaMarcados.length);
              }
            } 
            if (numeros == 0)
            {
              alert("Nenhum CheckBox foi Marcado");
            }
            
          }
          else
          {
            alert("Nao existe nenhum CheckBox com esse nome(name)");
          }  
        }
      </script>
      <form>
        <table width="" border="1" cellspacing="10" cellpadding="4">
          <tr align="center"> <td>--</td> <td> --                                                                                                                            <br></td> <td>A</td> <td>B</td> <td>C</td> <td>D</td> <td>E</td> <td>F</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> <td>K</td> <td>L</td> <td>M</td> <td>N</td> <td>O</td> <td>P</td> <td>Q</td> <td>R</td> <td>S</td> <td>T</td> <td>U</td> <td>V</td> <td>X</td> </tr>  
          <tr align="center"> <td><input type="button" name="btn1" value="Filtrar" onclick=".obterMarcados()"> </td> <td> <input type="button" name="btn" value="Verificar Marcados" onclick="obterMarcados()">                                         <br></td> <td COLSPAN="12" align="center">RAIZES 8</td> <td COLSPAN="4" align="center">RAIZES 7</td> <td COLSPAN="2" align="center">RAIZES 6</td> <td td COLSPAN="3" align="center">VEREDAS 2</td> <td>CARANDÁ</td> <td>PALMAS</td>  </tr>  
          <tr align="center"> <td>--</td> <td> --                                                                                                                            <br></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>3</td> <td>1</td> <td>1</td> </tr>  
          <tr align="center"> <td>01</td> <td align="left"> <input type="checkbox" id = "3DS Max"            name="checkbox1" value="3DS Max"           > 3DS Max            <br></td> <td bgcolor="green" id="A1">A1 </td> <td id="B1">B1</td> <td>C1</td> <td>D1</td> <td>E1</td> <td>F1</td> <td>G1</td> <td>H1</td> <td>I1</td> <td>J1</td> <td>K1</td> <td>L1</td> <td>M1</td> <td>N1</td> <td>O1</td> <td>P1</td> <td>Q1</td> <td>R1</td> <td>S1</td> <td>T1</td> <td>U1</td> <td>V1</td> <td>X1</td> </tr>  
          <tr align="center"> <td>02</td> <td align="left"> <input type="checkbox" id = "Adobe + Audacity"   name="checkbox1" value="Adobe + Audacity"  > Adobe + Audacity   <br></td> <td bgcolor="white" id="A2">A2 </td> <td>B2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr>  
          <tr align="center"> <td>03</td> <td align="left"> <input type="checkbox" id = "Anaconda Python 5"  name="checkbox1" value="Anaconda Python 5" > Anaconda Python 5  <br></td> <td bgcolor="white" id="A3">A3 </td> <td>B3</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr>  
       
        </table>
      </form>
        </body>
      </html>
    • By joao.felipe
      AMIGOS, ESTOU TENTANDO APRENDER A LINGUAGEM, O CODIGO É SIMPLES. TENHO UM CHECKBOX e QUERO Verificar se ele se encontra Marcado. ESTOU USANDO O FOR E QUERO QUE O RESULTADO SEJA EXIBIDO EM UM ALERTA DIZENDO CHECK MARCADO OU CHECK DESMARCADO. SEGUE O CÓDIGO. NAO SEI ONDE COLOCAR O ELSE.
      <!DOCTYPE HTML> <html> <body> <script> <!-- ******************************************************************* --> function obterMarcados() { alert( 'Estamos dentro da função obter Marcados!' ); var listaMarcados = document.getElementsByName("checkbox1"); if (checkBox1.checked == true) { for (loop = 0; loop < listaMarcados.length; loop++) { var item = listaMarcados[loop]; if (item.type == "checkbox" && item.checked) { alert(item.value); alert(listaMarcados.length); } } } else alert("Nao existe CheckBox Marcado"); } <!-- else alert( 'Não existe CheckBoxMarcado!' ) ; --> <!-- ******************************************************************* --> alert( 'Hello, world 1!' ); </script> <p>...After the script.</p> <form> <input type="button" NAME="submit" value="Verificar Marcados" onclick="obterMarcados()"> <input type="checkbox" name="checkbox1" value="Autocad"> Autocad <br> </form> </body> </html>  
    • By FabricioVale
      Boa tarde pessoal. Quem pode me salvar.
       
      Como eu exibo uma foto nesse linha abaixo em tempo real no meu componente repeater c#
       
      <asp:Image ID="Image1" height="50" width="50" runat="server" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Arqfigura")%>' />
       
      OBS: Eu consigo efetuar o download da foto e até abrir, só não consigo exibir a figura em tempo real na própria pagina. Isso é possivel?
      Ou melhor como exibir um longblob em um Repeater?
       
      Segue o código do Banco de dados
       
      DROP TABLE IF EXISTS `figuraos`;
      CREATE TABLE  `painelcontrol`.`figuraos` (
        `Id` int(10) unsigned NOT NULL AUTO_INCREMENT,
        `Nomefig` varchar(300) NOT NULL,
        `Arqfigura` longblob NOT NULL, 
        `IdOs` int(10) unsigned NOT NULL,
        `IdfuncOS` int(10) unsigned NOT NULL,
        PRIMARY KEY (`Id`)
      ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=latin1;
       
       
       
      Segue o código da pagina ASPX
       
      <!DOCTYPE html>
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head runat="server">
          <title></title>
          <style type="text/css">
      #Linhagrossa
             {
                 border-top-style: solid; 
                 border-width: 3px; 
                 border-color:Black;
                 width: 650px;
             }
             #Linhafina
             {
                 border-top-style: solid; 
                 border-width: 1px; 
                 border-color:Black;
                 width: 650px;
             }
      .footable{border-spacing:0;width:100%;border:solid #ccc 1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:'trebuchet MS','Lucida sans',Arial;font-size:14px;color:#444}
      .footable>thead>tr>th:first-child,.footable>thead>tr>td:first-child{-moz-border-radius:6px 0 0;-webkit-border-radius:6px 0 0;border-radius:6px 0 0}
      .footable>thead>tr>th,.footable>thead>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;border-top:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}
      .footable>tbody>tr>td,
      .footable>thead>tr>th{border-left:1px solid #ccc;border-top:1px solid #ccc;padding:10px;text-align:left}
      .footable>thead>tr>th,
      .footable>thead>tr>td{position:relative}
          </style>
      </head>
      <body>
          <form id="form1" runat="server">
          <div>
              <asp:Label ID="lbldados1" runat="server" ForeColor="Black" Font-Size="12pt" Font-Names="Calibri"></asp:Label>
                  <br />
              <asp:Label ID="lbldados2" runat="server" ForeColor="Black" Font-Size="12pt" Font-Names="Calibri"></asp:Label>
                  <br />
              <asp:Label ID="lbldados3" runat="server" ForeColor="Black" Font-Size="12pt" Font-Names="Calibri"></asp:Label>
                  <br />
                        <br />                          
          <asp:Repeater ID="rptimg" runat="server" 
                       onitemcommand="rptEmployees_itemCommand" Visible="False">
              <HeaderTemplate>
                  <table id="tblEmployees" class="footable" border="0" cellpadding="0" 
                      cellspacing="0" style="font-family: Calibri; font-size: 14px">
                      <thead>
                          <tr>
                                                                          <th style="display: table-cell;" data-hide="phone" >
                                                                              Descrição
                                                                          </th>
                                                                          <th data-class="expand" scope="col">
                                                                              Download
                                                                          </th>
                                                                          <th data-class="expand" scope="col">
                                                                              Exibir
                                                                          </th>
                                                                          
                                                                         
                          </tr>
                      </thead>
              </HeaderTemplate>
              <ItemTemplate>
                  <tbody>
                      <tr>
                                                                      <td>
                                                                      <asp:Label ID="lblNomefig" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Nomefig")%>'></asp:Label>
                                                                      </td>
                                                                      <td>
                                                                        <asp:ImageButton ID="btndownload" Height="32px" Width="32px"  runat="server" CausesValidation="False" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"Id")%>' CommandName="DownloadImg" ImageUrl="~/img/btnimg.png" Text="Baixar" Visible="true" />
                                                                      </td>
                                                                      <td>
                                                                        <asp:Image ID="Image1" height="50" width="50" runat="server" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Arqfigura")%>' />
                                                                      </td>
                      </tr>
                  </tbody>
              </ItemTemplate>
              <FooterTemplate>
                  </table>
              </FooterTemplate>
          </asp:Repeater>
           
          </div>
              <p>
                  <asp:Label ID="lblMsg" runat="server" Font-Names="Calibri" Font-Size="12pt"></asp:Label>
              </p>
          </form>
      </body>
      </html>
×

Important Information

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