На ButtonClick backgroundcolor различных Tablecells - PullRequest
Новая
       29

На ButtonClick backgroundcolor различных Tablecells

0 голосов
/ 16 апреля 2020

Мне нужна небольшая помощь с Java здесь. Как заполнить, например, ячейки таблицы 4,3 и 16, нажав кнопку?

Итак, если я нажимаю кнопку, я хочу, чтобы предопределенные ячейки таблицы были красными. Извините, но я новичок.

Надеюсь, кто-нибудь может мне помочь: -)

ура и оставаться здоровым 

table td {
    border: 1px solid black;
    padding: 30px;
}

.fill {
    background-color: red;    
}
<table>
        <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
        <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
        <tr>
        <td>9</td>
        <td>10</td>
        <td>12</td>
        <td>12</td>
    </tr>
        <tr>
        <td>13</td>
        <td>14</td>
        <td>15</td>
        <td>16</td>
    </tr>
</table>

<button onclick="">CLICK</button>

Ответы [ 2 ]

0 голосов
/ 16 апреля 2020

Я тоже не эксперт, но вы можете использовать JQuery, чтобы изменить css, см. https://api.jquery.com/css/

function makeRed() {
  	$(".selected").css("background-color", "red");
  }
table td {
      border: 1 px solid black;
      padding: 30 px;
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <table>
            <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
            <tr>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
        </tr>
            <tr>
            <td class='selected'>9</td>
            <td>10</td>
            <td>12</td>
            <td>12</td>
        </tr>
            <tr>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
        </tr>
    </table>

    <button onclick=makeRed()>CLICK</button>
0 голосов
/ 16 апреля 2020

Учитывая ваш вопрос, я собираюсь предположить, что он относится к Javascript, а не Java. Если нет, и вам действительно нужна помощь в Java, извините за недоразумение!

Итак, сначала я думаю, что вам нужно добавить некоторые идентификаторы в ваши ячейки таблицы, чтобы мы могли их идентифицировать позже.

Затем вы вызываете небольшую функцию Javascript, когда нажимаете кнопку только с параметром, массивом идентификаторов табличных ячеек, которые вы хотите закрасить.

Эта функция для каждого идентификатора что вы предоставите, добавит заполнение класса.

Я надеюсь, что ответит на ваш вопрос, извините за мой Engli sh и мою технику, я тоже своего рода новичок! 

function fill_cells($cells) {
  $cells.forEach(e => document.getElementById(e).classList.add('fill'));
}
table td {
    border: 1px solid black;
    padding: 30px;
}

.fill {
    background-color: red;    
}
<table>
        <tr>
        <td id="1">1</td>
        <td id="2">2</td>
        <td id="3">3</td>
        <td id="4">4</td>
    </tr>
    <tr>
        <td id="5">5</td>
        <td id="6">6</td>
        <td id="7">7</td>
        <td id="8">8</td>
    </tr>
    <tr>
        <td id="9">9</td>
        <td id="10">10</td>
        <td id="11">12</td>
        <td id="12">12</td>
    </tr>
    <tr>
        <td id="13">13</td>
        <td id="14">14</td>
        <td id="15">15</td>
        <td id="16">16</td>
    </tr>
</table>

<button onclick="fill_cells([4, 3, 16])">CLICK</button>
...