Jump to content
joao.felipe

Sombreamento Celula

Recommended Posts

PESSOAL, AO MARCAR CHECKBOX OU CLICANDO NO BOTÃO GOSTARIA QUE A CÉLULA FOSSE SOMBREADA.

ex: quando eu marcar o checkbox 3ds MAX eu quero que a celula B1, C1 e D1 fique colorida como a celula A1
 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Joao</title>
    </head>
    <body>
        <form onsubmit="return false">

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

                window.onload = function()
                {
                    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>
    </body>
</html>

Share this post


Link to post
Share on other sites
Em 19/07/2019 at 09:26, joao.felipe disse:

PESSOAL, AO MARCAR CHECKBOX OU CLICANDO NO BOTÃO GOSTARIA QUE A CÉLULA FOSSE SOMBREADA.

ex: quando eu marcar o checkbox 3ds MAX eu quero que a celula B1, C1 e D1 fique colorida como a celula A1
 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Joao</title>
    </head>
    <body>
        <form onsubmit="return false">

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

                window.onload = function()
                {
                    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>
    </body>
</html>

Ajuda:???

Share this post


Link to post
Share on other sites

joao.felipe

O que você quer esta nos códigos abaixo, mas você precisa adaptar dentro da sua página, pois existem muitas funções espalhadas e aparentemente alguns erros no seu código.

 

Copia e cola o código em um arquivo e teste.

 

Arquivo INDEX.HTML ou INDEX.PHP

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Valida Checkbox</title>
<script type="text/javascript">
function verificarCheckBox() {
    if(document.getElementById('idT').checked){
        document.getElementById('B1').style.backgroundColor ='#FF3300';
        document.getElementById('C1').style.backgroundColor ='#00FF33';
        document.getElementById('D1').style.backgroundColor ='#3300FF';
        alert("Checkbox marcado");
    } else {
        document.getElementById('B1').style.backgroundColor = '';
        document.getElementById('C1').style.backgroundColor = '';
        document.getElementById('D1').style.backgroundColor = '';
        alert("Checkbox desmarcado");
    }
}
</script>
</head>
<body>
<input type='checkbox' id="idT" name="idk[]" value="1" onClick="verificarCheckBox()"> - Validar()
<table>
<tr><td id="B1" style="background-color:#FFFFFF"> <> B1 <> </td><tr>
<tr><td id="C1" style="background-color:#FFFFFF"> <> C1 <> </td><tr>
<tr><td id="D1" style="background-color:#FFFFFF"> <> D1 <> </td><tr>
</table>
</body>
</html>

 

Você precisa colocar a função onClick="verificarCheckBox()"  dentro do seu botão

<input type="checkbox" id = "3DS Max" name="checkbox1" value="3DS Max"> 3DS Max

 

Entenda que o código JavaScript passado acima pega o checkbox pelo ID e não pelo NAME, então o seu

document.getElementById('idT').checked será document.getElementById('3DS Max').checked

 

Espero ter ajudado

 

Att.

Felipe Coutinho

Share this post


Link to post
Share on other sites
13 minutos atrás, Felipe Guedes Coutinho disse:

joao.felipe

O que você quer esta nos códigos abaixo, mas você precisa adaptar dentro da sua página, pois existem muitas funções espalhadas e aparentemente alguns erros no seu código.

 

Copia e cola o código em um arquivo e teste.

 

Arquivo INDEX.HTML ou INDEX.PHP

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Valida Checkbox</title>
<script type="text/javascript">
function verificarCheckBox() {
    if(document.getElementById('idT').checked){
        document.getElementById('B1').style.backgroundColor ='#FF3300';
        document.getElementById('C1').style.backgroundColor ='#00FF33';
        document.getElementById('D1').style.backgroundColor ='#3300FF';
        alert("Checkbox marcado");
    } else {
        document.getElementById('B1').style.backgroundColor = '';
        document.getElementById('C1').style.backgroundColor = '';
        document.getElementById('D1').style.backgroundColor = '';
        alert("Checkbox desmarcado");
    }
}
</script>
</head>
<body>
<input type='checkbox' id="idT" name="idk[]" value="1" onClick="verificarCheckBox()"> - Validar()
<table>
<tr><td id="B1" style="background-color:#FFFFFF"> <> B1 <> </td><tr>
<tr><td id="C1" style="background-color:#FFFFFF"> <> C1 <> </td><tr>
<tr><td id="D1" style="background-color:#FFFFFF"> <> D1 <> </td><tr>
</table>
</body>
</html>

 

Você precisa colocar a função onClick="verificarCheckBox()"  dentro do seu botão

<input type="checkbox" id = "3DS Max" name="checkbox1" value="3DS Max"> 3DS Max

 

Entenda que o código JavaScript passado acima pega o checkbox pelo ID e não pelo NAME, então o seu

document.getElementById('idT').checked será document.getElementById('3DS Max').checked

 

Espero ter ajudado

 

Att.

Felipe Coutinho

Excelente Felipe, era exatamente o que eu precisava. Agradeço muito a atençao. Obrigado!

Share this post


Link to post
Share on other sites

joao.felipe

Arrumei o seu código para fazer o que você pediu, agora você precisa montar as outras funções, marcando o CHECKBOX 3DS Max os "campos" B1, C1 e D1 são pintados de GREEN e ao desmarcar o CHECKBOX 3DS Max os "campos" B1, C1 e D1 voltam a ficar em BRANCO.

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Valida Checkbox</title>
<script type="text/javascript">
function verificarCheckBox() {
    if(document.getElementById('3DS Max').checked){
        document.getElementById('B1').style.backgroundColor ='green';
        document.getElementById('C1').style.backgroundColor ='green';
        document.getElementById('D1').style.backgroundColor ='green';
    } else {
        document.getElementById('B1').style.backgroundColor = '';
        document.getElementById('C1').style.backgroundColor = '';
        document.getElementById('D1').style.backgroundColor = '';
    }
}
</script>
</head>
<body>
<form onsubmit="return false">
<table width="" border="1" cellspacing="10" cellpadding="4">
    <tr align="center"><td> -- </td>
                       <td> -- </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="04" align="center"> RAIZES 7 </td>
        <td colspan="02" align="center"> RAIZES 6 </td>
        <td colspan="03" align="center"> VEREDAS 2</td>
        <td> CARANDÁ </td>
        <td> PALMAS </td>
    </tr>  
    <tr align="center"><td> -- </td>
                       <td> -- </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" onClick="verificarCheckBox()"> 3DS Max </td>
                       <td bgcolor="green" id="A1"> A1 </td>
                       <td bgcolor="white" id="B1"> B1 </td>
                       <td bgcolor="white" id="C1"> C1 </td>
                       <td bgcolor="white" id="D1"> D1 </td>
                       <td bgcolor="white" id="E1"> E1 </td>
                       <td bgcolor="white" id="F1"> F1 </td>
                       <td bgcolor="white" id="G1"> G1 </td>
                       <td bgcolor="white" id="H1"> H1 </td>
                       <td bgcolor="white" id="I1"> I1 </td>
                       <td bgcolor="white" id="J1"> J1 </td>
                       <td bgcolor="white" id="H1"> K1 </td>
                       <td bgcolor="white" id="L1"> L1 </td>
                       <td bgcolor="white" id="M1"> M1 </td>
                       <td bgcolor="white" id="N1"> N1 </td>
                       <td bgcolor="white" id="O1"> O1 </td>
                       <td bgcolor="white" id="P1"> P1 </td>
                       <td bgcolor="white" id="Q1"> Q1 </td>
                       <td bgcolor="white" id="R1"> R1 </td>
                       <td bgcolor="white" id="S1"> S1 </td>
                       <td bgcolor="white" id="T1"> T1 </td>
                       <td bgcolor="white" id="U1"> U1 </td>
                       <td bgcolor="white" id="V1"> V1 </td>
                       <td bgcolor="white" id="X1"> 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 </td>
                       <td bgcolor="white" id="A2"> A2 </td>
                       <td bgcolor="white" id="B2"> 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 </td>
                      <td bgcolor="white" id="A3"> A3 </td>
                      <td bgcolor="white" id="B3">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>

 

Espero ter ajudado.

 

Att.

Felipe Coutinho

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 digonaweb
      Bom dia!
       
      Alguém pode me ajudar com esse script abaixo?
       
      Preciso fazer com que o link abra em uma nova janela, pois fica abrindo em um quadrado onde está fisicamente o relógio no site.
       
      <!-- clock widget start -->
       
      <script type="text/javascript">
           var css_file=document.createElement("link");
           css_file.setAttribute("rel","stylesheet");
           css_file.setAttribute("type","text/css");
           css_file.setAttribute("href","//s.bookcdn.com//css/cl/bw-cl-150x70.css");
           document.getElementsByTagName("head")[0].appendChild(css_file);
      </script>
       
      <div id="tw_1_737904741"><div style="width:150px; height:70px; margin: 0 auto;">
      <a href="https://booked.net/time/rio-de-janeiro-18486">Rio de Janeiro</a>
      <br/></div></div>
       
      <script type="text/javascript"> function setWidgetData_737904741(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_737904741 = -1; </script> <script type="text/javascript" charset="UTF-8" src="https://widgets.booked.net/time/info?ver=2&domid=209&type=1&id=737904741&scode=124&city_id=18486&wlangid=1&mode=1&details=0&background=ece0bf&color=4c4d57&add_background=ffffff&add_color=2071c9&head_color=ffffff&border=1&transparent=1"></script>
       
      <!-- clock widget end -->
       
       

       
       

    • By SECONDSS
      boa noite, preciso entregar algumas questões até daqui a pouco,meu tempo está corrido e gostaria da ajuda de vocês para resolver essa questão. obrigado desde já!

      QUESTÃO 16 -

      Desenvolva um programa utilizando PHP e exibir os resultados desse programa que tenha todas as classes suficientes para que:
      Represente o nome completo de uma pessoa, composto de três strings (nome próprio, nome do meio e nome da família). 
      ATENÇÃO - 
      Escreva nessa classe o método rubrica que retorna somente as iniciais do nome completo em caracteres minúsculos, Escreva nessa classe o método assinatura que retorna as iniciais dos nomes próprio e do meio (com pontos) Escreva nessa classe um método que retorne o nome de família completo. Por exemplo, se o nome da pessoa representado por essa classe for “Jack Mill Dam”, o método rubrica deve retornar ”jmd” e o método assinatura deve retornar ”J.M. Dam”. Para facilitar, considere armazenar os três nomes em strings separadas.
    • By felp10
      Pessoal estou com uma dificuldade muito grande de desenvolver um programa que mostre todos os numeros primos 1 a 1000 em ruby.
       
      (1..1000).each |numero| do
       
      end
       
    • By BryanSamuel
      Tem como eu configurar uma página em um site para ler um código de barras pela câmera do mobile? Se sim há como fazer só com php e javascript?
    • By alexalannunes
      Boa noite pessoal,
      Tenho um uma tabela chamada dados_pessoais:

      id nome cpf nascimento 1 Alex.. 5558528303 08/11/1998  
      Gostaria de trazer os CPF's distintos mas tambem trazer os nomes, só que não distintos..
       
      atualmente está assim em PHP ( laço foreach )
       
      -- SELECT DISTINCT cpf FROM dados_pessoais
      --------- SELECT * FROM dados_pessoais WHERE CPF = :cpf
       
      ai lista de boas. Só que nao posso fazer o ORDER BY no primeiro select pois o a coluna de ordenacao tem q esta no DISTINCT
       
      Me ajudem  
×

Important Information

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