powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / var разве не работает как ссылка ?
15 сообщений из 15, страница 1 из 1
var разве не работает как ссылка ?
    #38214247
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
var z=document.getElementById(menu).style.opacity;
document.getElementById(menu).style.opacity;
сдесь opacity=1
z-=0.01;
document.getElementById(menu).style.opacity;
и сдесь opacity=1

var разве не работает как ссылка ?


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
function procesZmTm(menu, znach){
		var z=document.getElementById(menu).style.opacity;
		if (znach<z)
		{
			alert('do '+document.getElementById(menu).style.opacity);
			z-=0.01;
			alert('posle '+document.getElementById(menu).style.opacity);
			}
		if (znach>z)
		{
			z+=.01;
			}
		if (znach!==z){
			tmrHide=setTimeout(function(){procesZmTm(menu, znach);},150);
			}
			
	   }
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214257
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
и еще одна проблема
document.getElementById(menu).style.opacity-=-0.01;
чтоб сумировать использую хитрость -(-)=+, иначе сумирует как String значение. Попроще способа нет. Тупизна какаято
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214267
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Андрей159 сдесь opacity=1 а тип данных у него какой?
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214292
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Андрей159,

не так давно столкнулся с интересной особенностью, которую вкратце можно сформулировать так:

Код: plaintext
1.
2.
Если прописать свойство  opacity  в CSS, то почему-то в скрипте не работает  document.getElementById("MyID").style.opacity  
Поэтому  opacity  прописываем в  div  явно:
 div id="divwin" style="opacity:0" 

Работающий пример с Opacity (окно плавно появляется и исчезает)
Код: html
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.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
function FadeIn(objId, x) { 
  var hT, sT;
  var obj = document.getElementById(objId);
  obj.style.display = 'block';
  var op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100; 
  if (op < x) { 
    clearTimeout(hT);
    op += 0.05; 
    obj.style.opacity = op; 
    obj.style.filter = 'alpha(opacity='+op*100+')'; 
    if (op < x) {sT = setTimeout('FadeIn(\''+objId+'\', '+x+')',50); }
  }
}


function FadeOut(objId, x) { 
  var hT, sT;
  var obj = document.getElementById(objId);
  var op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100; 
  if (op >= x) { 
    clearTimeout(hT);
    op = op - 0.1; 
    obj.style.opacity = op;
    obj.style.filter = 'alpha(opacity='+op*100+')'; 
    if (op > x) {sT = setTimeout('FadeOut(\''+objId+'\', '+x+')',35); }
  } else {
    obj.style.display = 'none';
  }
if (op <= x) {obj.style.display = 'none';}
}

</script>
<style>
#divwin {
  position: absolute;
  width: 300px;
  height: 200px;
  border: 1px solid gray;
  background: white;
  display: none;
  text-align: center;
}
#closeButton {
  position: absolute;
  top: 0px;
  right: 0px;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  font-weight: bold;
  cursor: pointer;
  padding: 2px 4px 2px 4px;
}
</style>
</head>
<body>
<input type="button" value="Open" onclick="FadeIn('divwin', 1)">
<br><br>
<div id="divwin" style="opacity:0">
  <div id="closeButton" onclick="FadeOut('divwin', 0.1)">Х</div>
  <br><br>Если прописать свойство <b>opacity</b> в CSS, то почему-то в скрипте не работает <b>obj.style.opacity</b>
  <br>Поэтому opacity прописываем в div явно
  <br><b>div id="divwin" style="opacity:0"</b>
</div>
</body>
</html>

...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214303
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: html
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.
<script>
function procesZmTm(menu, znach){
		var menu2=menu;
		var z=document.getElementById(menu2).style.opacity;
		if (znach==0)
		{
			document.getElementById(menu2).style.opacity-=0.01;
			if(document.getElementById(menu2).style.opacity>0){tmrHide=setTimeout(function(){procesZmTm(menu2, znach);},15);}}
		if (znach==1)
		{
			document.getElementById(menu2).style.opacity-=-0.01;
			if(document.getElementById(menu2).style.opacity<1){tmrHide=setTimeout(function(){procesZmTm(menu2, znach);},15);}}
	   }
	   
function ftmzmina(menu, znach) {
	tmrHide=setTimeout(procesZmTm(menu, znach),15);
   }
</script>


<div id="st2" onclick="ftmzmina('st2',0);ftmzmina('st3',1);" style="opacity:1">
 KUKU2
</div>

<br>
<div id="st3" onclick="ftmzmina('st3',0);ftmzmina('st2',1);" style="opacity:1">
 KUKU3
</div>



Переделал код из setInterval на setTimeout
И в каждой функции после их использования переменные почему-то дальше живут, тем самим не позволяют мне увидеть желаемую анимацию. Как грохнуть насмерть переменную при нужде ?
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214316
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Мне кажется иногда что JS придумали художники из Северной Кореи. Нужно мозги выкручивать наполную. Даже JQuery в помощь написали. Я не могу, какой нелогичный язык. Прошу прощение за грубость. Шагаю по строчкам книги за 30 баксов. Один пример работает, с точно таким же примером - не работает - ньюанс. Весь язык сплошной ньюанс. ппц
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214328
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,
прописан явно у меня был
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214333
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214354
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ?
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214360
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Андрей159в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ?я прочем все слова, но не смог сложить предложение
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214367
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Андрей159в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ? Сундучок с инструментами
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214375
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89не так давно столкнулся с интересной особенностью, которую вкратце можно сформулировать так:

Код: plaintext
Если прописать свойство  opacity  в CSS, то почему-то в скрипте не работает  document.getElementById("MyID").style.opacity  
Откройте для себя такое понятие как computed style .
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214480
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Андрей159Мне кажется иногда что JS придумали художники из Северной Кореи. Нужно мозги выкручивать наполную. Я не могу, какой нелогичный язык.проблема в том, что некоторые "южнокорейские гении" не удосуживаются почитать мануалы и разобраться.
достаточно потратить пару дней на раскуривание, чтобы понять, что js проще и логичнее многих других языков
Андрей159в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ?например, отладчик в Хроме. выскакивает по F12
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38214571
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
"например, отладчик в Хроме. выскакивает по F12"
на новой опере мне нравится больше (больше подсказок "что","откуда", "Значение"), хоть кое-что есть лучше на хроме
...
Рейтинг: 0 / 0
var разве не работает как ссылка ?
    #38215102
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Андрей159Мне кажется иногда что JS придумали художники из Северной Кореи. Нужно мозги выкручивать наполную. Даже JQuery в помощь написали. Я не могу, какой нелогичный язык.
Нечего на зеркало пенять коли рожа крива... (с) народная мудрость
...
Рейтинг: 0 / 0
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / var разве не работает как ссылка ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]