Форум

Faab · #11 (**permalink**) 10.01.2014, 00:56

Добавьте в стили position: absolute;

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#text{
-moz-transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
transform: rotate(-0deg);
position: absolute;
}
</style>
</head>
<body>
<div id="text">Силой мысли я перевернусь </div>
<script type="text/javascript">
window.onload = function(){
  var eText = document.getElementById('text');
  eText.style.MozTransform = 'rotate(45deg)';
  eText.style.WebkitTransform = 'rotate(45deg)';
  eText.style.OTransform = 'rotate(45deg)';
  eText.style.MsTransform = 'rotate(45deg)';
  eText.style.transform = 'rotate(45deg)';
}
</script>
</body>
</html>

Сообщение от Аленький цветочек

Ну я ж не совсем блондина. Как-то даже обидно стало.

Не хотел обидеть, просто не понял почему вы отказались от style.transform = ".."

Аленький цветочек · #12 (**permalink**) 10.01.2014, 01:14

Faab,
Он повернулся. Ураааааа. Странно, но пока я не сделала window.onload = function(){...} вместо своего function func(){...} func(); работать не хотело. Спасибо вам огромное. Уииииии

Аленький цветочек · #13 (**permalink**) 10.01.2014, 01:17

Faab,
Если можно, объясните почему не сработало function func(){...} func();

Faab · #14 (**permalink**) 10.01.2014, 01:23

Я предполагаю что id="text" ещё не успевает "загрузится" в DOM-дерево (паршивенько сказано конечно, но смысл вы поймёте. ). Если хотите проверить просто вставьте следующую строчку и вы увидите так ли это.

var eText = document.getElementById('text');
  console.log(eText); // эту строку нужно вставить
  eText.style.MozTransform = 'rotate(45deg)';

Хотя была бы ошибка. Но у меня работает и по вашему:

function func(){
  var eText = document.getElementById('text');
  console.log(eText);
  eText.style.MozTransform = 'rotate(45deg)';
  eText.style.WebkitTransform = 'rotate(45deg)';
  eText.style.OTransform = 'rotate(45deg)';
  eText.style.MsTransform = 'rotate(45deg)';
  eText.style.transform = 'rotate(45deg)';
}
func();

Аленький цветочек · #15 (**permalink**) 10.01.2014, 01:34

Faab,
Еще раз огромное спасибо!!!! Профессор

Форум

Справочник

Discord чат

Курсы javascript