Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Помогите пожалуйста

Форумы портала PHP.SU » » Вопросы новичков » Помогите пожалуйста

Страниц (1): [1]

1. Lina - 27 Марта, 2019 - 06:21:05 - перейти к сообщению

Вывести на экран таблицу, ячейки которой закрашены в разные цвета, а номера цветов отображаются в соответствующих ячейках. Номера цветов изменяются от 555555 до 999999 с шагом 1111.[PHP][/PHP][code=html][/code]

2. Строитель - 27 Марта, 2019 - 10:17:53 - перейти к сообщению

Lina

Спойлер (Отобразить)

3. Vladimir Kheifets - 27 Марта, 2019 - 16:00:59 - перейти к сообщению

Lina пишет:

Добрый день, Лина!
Попробуйте так.

Спойлер (Отобразить)

Удачи!

4. andrewkard - 27 Марта, 2019 - 18:35:45 - перейти к сообщению

Еще вариант

PHP:
скопировать код в буфер обмена

<?PHP 
$range = range(555555, 999999, 1111);
 
function printRow($chunk, $key){
    echo '<tr>
            <td style="background-color:#'.$chunk[0].'">'.$chunk[0].'</td>
            <td style="background-color:#'.$chunk[1].'">'.$chunk[1].'</td>
            <td style="background-color:#'.$chunk[2].'">'.$chunk[2].'</td>
            <td style="background-color:#'.$chunk[3].'">'.$chunk[3].'</td>
            <td style="background-color:#'.$chunk[4].'">'.$chunk[4].'</td>
            <td style="background-color:#'.$chunk[5].'">'.$chunk[5].'</td>
            <td style="background-color:#'.$chunk[6].'">'.$chunk[6].'</td>
            <td style="background-color:#'.$chunk[7].'">'.$chunk[7].'</td>
            <td style="background-color:#'.$chunk[8].'">'.$chunk[8].'</td>
            <td style="background-color:#'.$chunk[9].'">'.$chunk[9].'</td>
         </tr>';
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>Palette</title>
</head>
<body>
 
<h1>Palette</h1>
<table>
    <?PHP  array_walk(array_chunk($range, 10),'printRow')?>
</table>
</body>
</html>
 

5. Строитель - 27 Марта, 2019 - 19:29:32 - перейти к сообщению

Прикольная эстафета получилась 😁 ))

6. andrewkard - 28 Марта, 2019 - 09:38:48 - перейти к сообщению

Строитель пишет:

Прикольная эстафета получилась 😁 ))

Да

. Но все таки логичнее такие операции делать на клиенте, вот вариант на JS

CODE (javascript):
скопировать код в буфер обмена

<!DOCTYPE html>
<html>
<head>
    <title>Palette</title>
</head>
<body>
<h1>Palette</h1>
<table></table>
</body>
<script>
 
    var table = document.querySelector('table');
 
    var tr = '';
 
    var count = 0;
 
    for(var i = 555555; i < 999999; i += 1111){
 
        if(count == 0) tr += '<tr>';
 
        tr += '<td style="background-color:#'+ i + '">' + i + '</td>';
 
        if(count == 9){
 
            count = -1;
 
            tr += '</tr>';
 
            var row = document.createElement('tr');
 
            row.innerHTML = tr;
 
            table.appendChild(row);
 
            tr = '';
        }
 
        count++;
    }
 
</script>
</html>
 

7. LIME - 29 Марта, 2019 - 15:40:05 - перейти к сообщению

andrewkard непоследовательный подход

andrewkard пишет:

var row = document.createElement('tr');

andrewkard пишет:

row.innerHTML = tr;

то есть часть парсится их строки, а часть создается как элемент DOM - createElement

раз уж так то вот лучший подход https://learn[dot]javascript[dot]ru/multi-insert