помогите разобратся с javascript

Тема в разделе "Другие языки", создана пользователем z3rg, 24 фев 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. z3rg

    z3rg

    Регистр.:
    2 фев 2007
    Сообщения:
    731
    Симпатии:
    337
    почему не работает в опере, и как можно сделать чтоб работало
    скрипт промотки.

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Scroll</title>
        </head>
        <style type="text/css">
            #content{
                position:relative;
                overflow:hidden;
                margin:2px;
                height:100px; width:240px;
                border:solid 1px #000;
                font-size:16px;
            }
            #down, #up{
                margin:2px;
                background:#eee;
                border:solid 1px #000;
                width:60px;
                cursor:pointer;
            }
            #text{
                position:absolute;
            }
        </style>
        <script type="text/javascript">
                var top = 0;
     
                function up(){
                    var text = document.getElementById('text');
                    top = top - 20;
                    text.style.top = top+'px';
                }
     
                function down(){
                    var text = document.getElementById('text');
                    top = top + 20;
                    text.style.top = top+'px';
                }
        </script>
        <body>
            <div id="content">
                <div id="text">            
                1:<br>
                2:<br>
                3:<br>
                4:<br>
                5:<br>
                6:<br>
                7:<br>
                8:<br>
                9:<br>
                10:<br>
                </div>
            </div>
            <div id="up" onclick="up();">Вверх</div>
            <div id="down" onclick="down();">Вниз</div>
        </body>
    </html>
     
  2. serg_g

    serg_g Создатель

    Регистр.:
    31 окт 2008
    Сообщения:
    35
    Симпатии:
    9
    в опере надо менять свойство pixelTop


    HTML:
    <script type="text/javascript">
    
    var top_px = 0;
    
    var SCROLL_DOM = (window.document.getElementById)?true:false;  		
    var is_Opera = SCROLL_DOM && window.opera;
    
                function up(){
                    var text = document.getElementById('text');
                    top_px = top_px - 20;
                    str_px= new String(top_px);
    				if(is_Opera)
                    	text.style.pixelTop = str_px;
    				else
    					text.style.top = str_px+'px';
                }
     
                function down(){
                    var text = document.getElementById('text');
                    top_px = top_px + 20;
    				str_px= new String(top_px);
    				if(is_Opera)
                    	text.style.pixelTop = str_px;
    				else
    					text.style.top = str_px+'px';
    				
                }
    	
    	
        </script>
     
Статус темы:
Закрыта.