Поблема с работой в Safari

@profmodder · Регистрация: 27.03.2011

Студворк — интернет-сервис помощи студентам

Всем привет.
Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
<title></title>
    <style type="text/css">
#block{
  margin:auto;
  width:200px;
  height:100px;
  text-align:center;
  line-height:100px;
  border:solid 1px;
  background-color: #b5ff71;
}
    </style>
    <script type="text/javascript">
function red()
{document.getElementById("block").style.backgroundColor="red"}
function blue()
{document.getElementById("block").style.backgroundColor="blue"}
function pink()
{document.getElementById("block").style.backgroundColor="pink"}
function yellow()
{document.getElementById("block").style.backgroundColor="yellow"}
    </script>
</head>
<body>
 
<div style="text-align:center;margin-bottom:20px;">
<a href="#" onclick="red()">RED</a>
<a href="#" onclick="blue()">BLUE</a>
<a href="#" onclick="yellow()">YELLOW</a>
<a href="#" onclick="pink()">PINK</a>
</div>
 
<div id="block">BLOCK</div>
 
</body>
</html>

Что нужно изменить или что добавить чтоб заработало, или есть может альтернативы этому всему.
Спасибо.

Добавлено через 45 минут
Извиняюсь, были отключены скрипты.

Проблема изчезла.

@Xero201 · 28.03.2011, 00:48

Бывает). Смотри еще:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    window.onload = function(){
        var links = document.getElementById("set_color").getElementsByTagName("a");
 
        for(var i=0;i<links.length;i++){
            links[i].onclick = changeColor; 
        }
    
    }
    
    function changeColor(tag){
        var prefix="color_";
        document.getElementById("block").style.backgroundColor=this.title.substring(prefix.length);
    }   
    </script>

и

HTML5
1
2
3
4
5
6
7
8
9
<div id="set_color">
<a href="#" title="color_red">RED</a>
<a href="#" title="color_blue">BLUE</a>
<a href="#" title="color_yellow">YELLOW</a>
<a href="#" title="color_pink">PINK</a>
<!----- добавляй и не о чем не думай -->
<a href="#" title="color_#fff">fff</a>
<a href="#" title="color_#aaaaaa">aaaaaa</a>
</div

ну и

CSS
1
2
3
#set_color{
text-align:center;margin-bottom:20px;
}

@profmodder · 28.03.2011, 03:03 **[ТС]**

Ухты! Круто. Спасибо, этот вариант даже проще.

Новые блоги и статьи Все статьи Все блоги /
Новая зверюга volvo 07.11.2025 Подарок на Хеллоуин, и теперь у нас кроме Tuxedo Cat есть еще и щенок далматинца: Хочу еще Симбу взять, очень нравится. . .	Инференс ML моделей в Java: TensorFlow, DL4J и DJL Javaican 05.11.2025 Python захватил мир машинного обучения - это факт. Но когда дело доходит до продакшена, ситуация не так однозначна. Помню проект в крупном банке три года назад: команда data science натренировала. . .	Mapped types (отображённые типы) в TypeScript Reangularity 03.11.2025 Mapped types работают как конвейер - берут существующую структуру и производят новую по заданным правилам. Меняют модификаторы свойств, трансформируют значения, фильтруют ключи. Один раз описал. . .	Адаптивная случайность в Unity: динамические вероятности для улучшения игрового дизайна GameUnited 02.11.2025 Мой знакомый геймдизайнер потерял двадцать процентов активной аудитории за неделю. А виновником оказался обычный генератор псевдослучайных чисел. Казалось бы - добавил в карточную игру случайное. . .	Протоколы в Python py-thonny 31.10.2025 Традиционная утиная типизация работает просто: попробовал вызвать метод, получилось - отлично, не получилось - упал с ошибкой в рантайме. Протоколы добавляют сюда проверку на этапе статического. . .
C++26: Read-copy-update (RCU) bytestream 30.10.2025 Прошло почти двадцать лет с тех пор, как производители процессоров отказались от гонки мегагерц и перешли на многоядерность. И знаете что? Мы до сих пор спотыкаемся о те же грабли. Каждый раз, когда. . .	Изображения webp на старых x32 ОС Windows XP и Windows 7 Argus19 30.10.2025 Изображения webp на старых x32 ОС Windows XP и Windows 7 Чтобы решить задачу, использовал интернет: поисковики Google и Yandex, а также подсказки Deep Seek. Как оказалось, чтобы создать. . .	Passkey в ASP.NET Core identity stackOverflow 29.10.2025 Пароли мертвы. Нет, серьезно - я повторяю это уже лет пять, но теперь впервые за это время чувствую, что это не просто красивые слова. В . NET 10 команда Microsoft внедрила поддержку Passkey прямо в. . .	Последние результаты исследования от команды MCM (октябрь 2025 г.) Programma_Boinc 29.10.2025 Последние результаты исследования от команды MCM (октябрь 2025 г. ) Поскольку мы продолжаем изучать гены, которые играют ведущую роль в развитии рака, в рамках проекта "Картирование раковых. . .	Мысли в слух kumehtar 29.10.2025 Обнаружил, что мысли лучше писать короткими фразами. Таким образом внимание читателя успевает охватить всю фразу сразу, за один раз, не соскакивая и не прерываясь. А если писать это длинным текстом,. . .

@profmodder 0 / 0 / 0 Регистрация: 27.03.2011 Сообщений: 3
	28.03.2011, 03:03 [ТС]
	Ухты! Круто. Спасибо, этот вариант даже проще. 0

Опции темы