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

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

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

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

HTML5

<!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

<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

<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 **[ТС]**

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

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

Опции темы