Показать сообщение отдельно
  #7 (permalink)  
Старый 29.07.2013, 10:19
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от tom_ozi
как настроить кнопку, что бы она возвращала первоначальный стиль?
Как вариант...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> <head>

<style type='text/css'>
.style1  {width: 300; height: 100; background: #f00000; text-align:center;}
.style2  {width: 400; height: 200; background: #00f000; text-align:left;}
</style>

<script type="text/javascript">
function change() { 
   var c = document.getElementById('1');
   c.className = (c.className == 'style1') ? 'style2' : 'style1';
};   
</script>

</head> 
<div id='1' class='style1'>бла-бла-бла</div>
<input type=button  value='Поменять стиль' onclick="change()">
<body> 
</body> 
</html>
Ответить с цитированием