работает в IE 6, в других нет почему

@massEffect · Регистрация: 22.03.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте, подскажите почему не работает в других браузерах? Исследование работы таймеров.

Javascript

<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Language" content="ru">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <meta name="author" content="">
    <meta name="generator" content="Web Development Studio (http://delphiworld.narod.ru)">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="">
    <link rel="shortcut icon" type="image/x-icon" href="">
    
    <style type="text/css">
    
      div{width:600px;
          margin:3px;
          background:#7C7DBE;}
      div#main{border:1px black solid;
               background:none;
               padding:5px;
               width:620px;}
               
    </style>
    
    <script type=text/javascript language="Javascript">
    
           var arrLine=[];
            var c=[0,0,0,0,0];
            
            function startLine()
            {
                       document.getElementById("end").disabled=false;
                       document.getElementById("start").disabled=true;
                       arrLine[0]=setInterval(function(){runLine("0")}, 0);
                       arrLine[1]=setInterval(function(){runLine("1")}, 1);
                       arrLine[2]=setInterval(function(){runLine("2")}, 5);
                       arrLine[3]=setInterval(function(){runLine("3")}, 40);
                       arrLine[4]=setInterval(function(){runLine("4")}, 500);
            }
            
            function runLine(x)
            {
                var divLine=document.getElementById(x);
                if  (c[x] > 590)c[x]=0;
                c[x]+=10;
                divLine.style.width=c[x];
            }
            
            function stopLine()
            {
              for(var i=0; i<5; i++)clearInterval(arrLine[i]);
              document.getElementById("start").disabled=false;
              document.getElementById("end").disabled=true;
            }
 
 
    </script>
  </head>
  <body>
  
 
  
    <div id="main">
 
        <input type="button" id="start" value="start" onclick="startLine();" >
        <input type="button" id="end" value="end" disabled onclick="stopLine();">
        
    <div id="0">0</div>
    <div id="1">1</div>
    <div id="2">5</div>
    <div id="3">40</div>
    <div id="4">500</div>
    
    </div>           <!-- end div main -->
 
  </body>
</html>

@kalabuni · 07.07.2013, 01:16

во-первых, divLine.style.width=c[x] + 'px';

во-вторых, значения id должны начинаться с латинской буквы любого регистра
~~id="0"~~ неверно
правильным будет id="a0" или id="Z1y2X3"

@massEffect · 07.07.2013, 20:08 **[ТС]**

А как можно узнать значение document.getElementById("a0").style.width, т.е. ширину элемента, если alert(document.getElementById("a0").style.width) пишешь, ничего не выводит.

@kalabuni · 07.07.2013, 22:23

запустите следующий код в любом браузере

HTML5

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
#a1 {width: 456px}
</style>
</head>
<body>
<div id="a0" style="width: 345px; height: 40px; background: aqua; text-align: center; line-height: 40px">id="a0" - øèðèíà ïðîïèñàíà â àòðèáóòå</div>
<br>
<div id="a1" style="height: 40px; background: lime; text-align: center; line-height: 40px">id="a1" - øèðèíà ïðîïèñàíà â áëîêå ñòèëåé</div>
<br>
<div id="a2" style="height: 40px; background: gray; text-align: center; line-height: 40px">id="a2" - øèðèíà âîîáùå íå óêàçàíà</div>
 
<p><input type="button" id="b0" value="ïîêàçàòü øèðèíó ÷åðåç îáúåêò style"
   onclick="with (document) alert (
                   'a0 -- ' + getElementById ('a0').style.width +
                 '\na1 -- ' + getElementById ('a1').style.width +
                 '\na2 -- ' + getElementById ('a2').style.width),
           getElementById ('b1').disabled = 0;
           this.disabled = 1">
 
<p><input type="button" id="b1" value="ïîêàçàòü øèðèíó ÷åðåç îáúåêò currentStyle" disabled
   onclick="var B = ('v' == '\v'); with (document) alert (
                   'a0 -- ' + (B ? getElementById ('a0').currentStyle.width :
                                defaultView.getComputedStyle (getElementById ('a0'), null).getPropertyValue ('width')) +
                 '\na1 -- ' + (B ? getElementById ('a1').currentStyle.width :
                                defaultView.getComputedStyle (getElementById ('a1'), null).getPropertyValue ('width')) +
                 '\na2 -- ' + (B ? getElementById ('a2').currentStyle.width :
                                defaultView.getComputedStyle (getElementById ('a2'), null).getPropertyValue ('width'))),
           getElementById ('b2').disabled = 0;
           this.disabled = 1">
<p><input type="button" id="b2" value="óñòàíîâèòü âñåì DIV'àì øèðèíó ñêðèïòîì" disabled
   onclick="with (document) getElementById ('a0').style.width =
                            getElementById ('a1').style.width =
                            getElementById ('a2').style.width = '789px',
           getElementById ('b0').disabled = 0;
           this.disabled = 1">
</body>
</html>

и подумайте
если ничего не надумаете, почитайте здесь

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	07.07.2013, 01:16	2
	во-первых, divLine.style.width=c[x] + 'px'; во-вторых, значения id должны начинаться с латинской буквы любого регистра ~~id="0"~~ неверно правильным будет id="a0" или id="Z1y2X3" 1

@massEffect 80 / 80 / 53 Регистрация: 22.03.2013 Сообщений: 271
	07.07.2013, 20:08 [ТС]	3
	А как можно узнать значение document.getElementById("a0").style.width, т.е. ширину элемента, если alert(document.getElementById("a0").style.width) пишешь, ничего не выводит. 0

	07.07.2013, 22:23

Опции темы