Динамический выбор цветов с использованием php или javascript - PullRequest
Новая
       2

Динамический выбор цветов с использованием php или javascript

0 голосов
/ 16 января 2010

Может кто-нибудь дать рекомендации о том, как написать сценарий для выбора цвета на активной странице, чтобы выбранный цвет применялся ко всей странице. Любой, пожалуйста, предоставьте мне примеры сценариев для dis.

Ответы [ 3 ]

1 голос
/ 16 января 2010

Попробуйте использовать jQuery Colorpicker , как этот.Я предполагаю, что это то, что вы подразумеваете под «выбором».

1 голос
/ 16 января 2010

Если вы хотите динамически изменить цвет фона вашей страницы с помощью PHP, вот несколько советов для начала:

  • создайте простую страницу PHP, подобную этой (некрасивое, но быстрое решение): 

    <?php
function getBackgroundColor() {
  switch(rand(0, 3)) {
    case 1:
      return "#f00";
    case 2:
      return "#0f0";
    case 3:
      return "#00f";
    default:
      return "#fff";
  }
}
?>
<html>
<head><title>test page</title></head>
<body style="background-color: <?php echo getBackgroundColor(); ?>">
here comes the body
</body>
</html>

  • вы можете создать файл шаблона для PHP и сделать то же самое, просто поместив HTML в другой файл

  • с AJAX PHP ответит только на цвет, а ваш javascript изменит цвет фона
0 голосов
/ 16 января 2010

Если, «применяя цвет ко всей странице», вы говорите об изменении цвета фона страницы, попробуйте что-то вроде: 

<input type="text" id="col" value="Enter hex color here" />
<input type="button" value="Change" onclick="changeColor()"/>
<script>
function changeColor()
{
  col = document.getElementById("col").value;
  /*
    Make sure the col is indeed a valid one.
    Acceptable formats include:
    #789abc
    #xyz //expanded to #xxyyzz
    rgb(0, 127, 255)
    Standard colors like "red", "blue" etc.
  */
  document.body.style.backgroundColor = col;
}
</script>

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

...