Как сделать раскраску ссылок выводимых через foreach (php)?

Question

[Glomen]

Подскажите как сделать цвет ссылок по порядку их вывода, сайт на битрикс.

Пример тут: note.utinet.ru/notebook Особенности

Comments

[YemSalat]

С помощью css. Ваш пример - фигня, ничего не понятно.

Answer 1

[Дмитрий Энтелис]

stackoverflow.com/questions/4342531/generate-smoot...

<?php

function Gradient($HexFrom, $HexTo, $ColorSteps) {
  $FromRGB['r'] = hexdec(substr($HexFrom, 0, 2));
  $FromRGB['g'] = hexdec(substr($HexFrom, 2, 2));
  $FromRGB['b'] = hexdec(substr($HexFrom, 4, 2));

  $ToRGB['r'] = hexdec(substr($HexTo, 0, 2));
  $ToRGB['g'] = hexdec(substr($HexTo, 2, 2));
  $ToRGB['b'] = hexdec(substr($HexTo, 4, 2));

  $StepRGB['r'] = ($FromRGB['r'] - $ToRGB['r']) / ($ColorSteps - 1);
  $StepRGB['g'] = ($FromRGB['g'] - $ToRGB['g']) / ($ColorSteps - 1);
  $StepRGB['b'] = ($FromRGB['b'] - $ToRGB['b']) / ($ColorSteps - 1);

  $GradientColors = array();

  for($i = 0; $i <= $ColorSteps; $i++) {
    $RGB['r'] = floor($FromRGB['r'] - ($StepRGB['r'] * $i));
    $RGB['g'] = floor($FromRGB['g'] - ($StepRGB['g'] * $i));
    $RGB['b'] = floor($FromRGB['b'] - ($StepRGB['b'] * $i));

    $HexRGB['r'] = sprintf('%02x', ($RGB['r']));
    $HexRGB['g'] = sprintf('%02x', ($RGB['g']));
    $HexRGB['b'] = sprintf('%02x', ($RGB['b']));

    $GradientColors[] = implode(NULL, $HexRGB);
  }
  $GradientColors = array_filter($GradientColors, "len");
  return $GradientColors;
}

function len($val){
  return (strlen($val) == 6 ? true : false );
}

$count = 0;
$steps = 9;
$Gradients = Gradient("FFFFFF", "FF0000", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . strtoupper($Gradient) . '">' . htmlentities('<option value="' . strtoupper($Gradient) . '">' . strtoupper($Gradient) . '</option>') . '</div>';
$count += count($Gradients);

$Gradients = Gradient("df1f00", "00FF00", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . strtoupper($Gradient) . '">' . htmlentities('<option value="' . strtoupper($Gradient) . '">' . strtoupper($Gradient) . '</option>') . '</div>';
$count += count($Gradients);

$Gradients = Gradient("00df1f", "0000FF", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . strtoupper($Gradient) . '">' . htmlentities('<option value="' . strtoupper($Gradient) . '">' . strtoupper($Gradient) . '</option>') . '</div>';
$count += count($Gradients);

$Gradients = Gradient("0000df", "000000", $steps);
foreach($Gradients as $Gradient)
    echo '<div style="background-color: #' . $Gradient . '">' . htmlentities('<option value="' . $Gradient . '">' . $Gradient . '</option>') . '</div>';
$count += count($Gradients);

echo 'count: ' . $count;

Comments

[YemSalat]

В css можно использовать rgb(a):
div { color: rgb(red, greeen ,blue); }

Answer 2

[Alexander Sydorenko]

В приведенном как пример сайте на самом деле все намного проще..

У span, враппера тега a, просто стоят 10-ять разных классов от ui-highlight0 до ui-highlight9, каждый класс только задает цвет. То есть алгоритм приблизительно следующий - взять все ссылки, первой десятой части всех ссылок поставить класс ui-highlight0, второй десятой поставить класс ui-highlight1, и т.д. Этот вывод формируется, в приведенном Вами случае, на сервере.

алгоритм приблизительно такой

$count_colors = 10;
$count_links = count($links);
$step = $count_links / $count_colors;
$idx = 0;
foreach($links as $link) {
    $class = "color-".intval($idx/ $step);
    echo '<a href={$link['href']} class="{$class}">{$link['title']}</a>';
    $idx++;
}

Comments

[Glomen]

Задание первой десятки ссылок определенного класса происходит средствами php или js ?

[Alexander Sydorenko]

@Glomen: php на приведенном сайте.. но вообще если покрутить.. то можно идею Дмитрий Энтелис реализовать на js, в виде, например, плагина для блока в котором раскрашивать все childs градиентными цветами, задавая color_from и color_to..

Answer 3

[Glomen]

решил задачу с помощью совета Дмитрий Энтелис