Смена background в <body> по событию

программирование php html веб дизайн

Не работает такая конструкция, хотя хотелось бы сделать таким способом, с JS пока не сложилось.. хотя пробовала с document.body.backgroundimage="url", тоже безрезультатно.
Хотелось бы фон менять по нажатию..
Вот кусочки из кода

index.php:

<?php
switch ($set_color) {
case 0:$style="style1";
break;
case 1:$style="style2";
break;
}
?>

<body class="<?php echo $style; ?>">
<form name="buttons">
<input type="button" value="1" onclick="set_color(0);" />
<input type="button" value="2" onclick="set_color(1);" />
</form>
</body>

css:
#style1{
background-image:url(../images/fon.gif);
background-repeat:repeat;}
#style2{
background-image:url(../images/fon3.jpg);
background-repeat:repeat;}

Примечание:
Такая конструкция работает, но с document.body.backgroundimage="url" не хочет :с

<script>
function set_color(color) {
switch (color) {
case 0:document.body.bgColor = "#FF0000";
break;
case 1:document.body.bgColor = "#00FF00";
break;
} }
</script>

<body>
<form name="buttons">
<input type="button" value="1" onclick="set_color(0);" />
<input type="button" value="2" onclick="set_color(1);" />
</form>
</body>

Примечание:
AdmGelax, ну, простите, блин. Не была бы чайником, не обращалась.
Всем спасибо, разобралась, работает с:
Ответы:
А почему она должна работать? Ваши инпуты — на стороне клиента. Обработка значений переменной $set_color — на сервере. $set_color нигде не инициализируется, не принимает данные из параметров запроса — ее просто нет (но вы пытаетесь ее читать). Указания браузеру что-либо передать на сервер тоже нет, даже нет кнопки для отправки формы.
В слове backgroundimage i должна быть большой. Размер имеет значение! Кроме того неплохо бы style добавить. Полностью: document.body.style.backgroundImage="url('myimage.jpg')"


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

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

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.