посмотрите, если не сложно еще раз этот пример, пойдёт так ?
оно мне кажется лучше действует https://codepen.io/mk3mk/pen/NWPKeva?editors=0010
я там ввел переменную ed равную 100px.
let ed = 100 + 'px';
и потом смещения выполняю через эту переменную
wrapper.style = `top: calc(50% - 200px + ${ed});transform-origin: calc(50%) calc(50% - ${ed});`;
Ankhena,
да, wrapper встал в центр, хорошо!
теперь я добавил функцию смещения wrapper'a кнопками вверх и вниз
и с помощью этих кнопок он смещается, и при этом меняется его положение и одновременно transform-origin.
например при нажатии вверх вот так
wrapper.style = 'top: calc(40% - 200px);transform-origin: 50% 60%;';
а при нажатии вниз вот так
wrapper.style = 'top: calc(50% - 200px);transform-origin: 50% 50%;';
но как-то оно немного коряво получается, вот не знаю, может надо как-то по-другому сделать?
Ankhena,
есть такой пример, но там возможно много лишнего , поэтому я его не стал сначала выкладывать, чтобы не запутать еще больше.
Там есть красная точка в центре экрана.
И есть wrapper, который вращается. У него transform-origin 50% 50%.
И я думаю, как можно привязать его transform-origin к координатам этой точки-центра....
Если конечно это вообще возможно
Что-то не понял, когда жизнь закончится, баланс 1000$, а в начале игры сколько будет баланс? И вообще, какой смысл игроку его кормить ? Какой то выигрыш можно получить ?
там есть три блока с текстом, и кнопки якорные ссылки.
Сделано, чтобы при клике на якорную ссылку кнопку происходил переход к якорю.
А я еще хочу сделать , чтобы при этом соответствующий блок текста как бы открывался , а остальные частично скрывались (там это уже задано стилями, осталось только в скрипте правильно это реализовать ), т.е. присваивание активному блоку класса visible , а остальным not-visible
мне нужно чтобы только i элемент окрасился , а остальные - нет. Там при клике есть еще проверки на наличие классов , и в зависимости от этого всего, при каждом клике должен i элемент поменяться одним образом, а все остальные - другим.
ну хорошо, а если это будет не index.html , a index.php, в нем будет JavaScript код с какими-то переменными, и тут же, в этом файле эти переменные из JS будут передаваться в php переменные. Может так будет проще работать с базой данных ? без ajax.
вот что-то типа такого
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
let a = 5;
</script>
<?php
$a = 5;
?>
</body>
</html>
только как-то еще связать переменную из JS с переменной из PHP
Вы имеете ввиду сохранить переменную в куки, а на новой странице вставить переменную из куки ?