Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / var разве не работает как ссылка ? / 15 сообщений из 15, страница 1 из 1
05.04.2013, 12:57
    #38214247
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
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
| Ответить | Цитировать | Написать  
05.04.2013, 13:00
    #38214257
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
и еще одна проблема
document.getElementById(menu).style.opacity-=-0.01;
чтоб сумировать использую хитрость -(-)=+, иначе сумирует как String значение. Попроще способа нет. Тупизна какаято
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:05
    #38214267
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Андрей159 сдесь opacity=1 а тип данных у него какой?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:17
    #38214292
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Андрей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
| Ответить | Цитировать | Написать  
05.04.2013, 13:20
    #38214303
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Код: 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
| Ответить | Цитировать | Написать  
05.04.2013, 13:26
    #38214316
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Мне кажется иногда что JS придумали художники из Северной Кореи. Нужно мозги выкручивать наполную. Даже JQuery в помощь написали. Я не могу, какой нелогичный язык. Прошу прощение за грубость. Шагаю по строчкам книги за 30 баксов. Один пример работает, с точно таким же примером - не работает - ньюанс. Весь язык сплошной ньюанс. ппц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:30
    #38214328
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
user89,
прописан явно у меня был
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:32
    #38214333
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Объект переменных
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:43
    #38214354
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:45
    #38214360
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Андрей159в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ?я прочем все слова, но не смог сложить предложение
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:49
    #38214367
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Андрей159в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ? Сундучок с инструментами
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 13:53
    #38214375
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
user89не так давно столкнулся с интересной особенностью, которую вкратце можно сформулировать так:

Код: plaintext
Если прописать свойство  opacity  в CSS, то почему-то в скрипте не работает  document.getElementById("MyID").style.opacity
Откройте для себя такое понятие как computed style .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 14:44
    #38214480
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Андрей159Мне кажется иногда что JS придумали художники из Северной Кореи. Нужно мозги выкручивать наполную. Я не могу, какой нелогичный язык.проблема в том, что некоторые "южнокорейские гении" не удосуживаются почитать мануалы и разобраться.
достаточно потратить пару дней на раскуривание, чтобы понять, что js проще и логичнее многих других языков
Андрей159в чем наиболее удобно отслеживаемый что творится с переменными, с возможностью ставить паузы ?например, отладчик в Хроме. выскакивает по F12
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 15:28
    #38214571
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
"например, отладчик в Хроме. выскакивает по F12"
на новой опере мне нравится больше (больше подсказок "что","откуда", "Значение"), хоть кое-что есть лучше на хроме
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2013, 19:53
    #38215102
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
var разве не работает как ссылка ?
Андрей159Мне кажется иногда что JS придумали художники из Северной Кореи. Нужно мозги выкручивать наполную. Даже JQuery в помощь написали. Я не могу, какой нелогичный язык.
Нечего на зеркало пенять коли рожа крива... (с) народная мудрость
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / var разве не работает как ссылка ? / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 432ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448487]:
 0ms
get settings:
 6ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 150ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 204ms
total:  432ms
x
x
Закрыть


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