Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Делаю заглушку на недобраузеры, какой стиль лучше? (https://javascript.ru/forum/offtopic/37652-delayu-zaglushku-na-nedobrauzery-kakojj-stil-luchshe.html)

megaupload 01.05.2013 15:18

Пасоны, я создал https://github.com/iMaxmaxmaximus/fix

megaupload 01.05.2013 15:23

<head>
    <meta charset="UTF-8">
    <script src="http://yourjavascript.com/1715511130/fix.min.js"></script>

    <style>
        body {
            text-align : center;
        }

        #box {
            display          : inline-block;
            box-sizing       : border-box;
            -moz-box-sizing  : border-box;
            background-color : #333;
            width            : 500px;
            height           : 400px;
            font-size        : 38px;
            text-align       : center;
            padding-top      : 240px;
            color            : #fff;
        }
    </style>
</head>
<body>

<div id="box"></div>

<script>

    var box = document.getElementById('box');
    var toggle = true;

    box.addEventListener('click', function () {
        if (toggle) {
            box.requestPointerLock();
        }
        else {
            document.exitPointerLock();
        }

        toggle = !toggle;
    });


    box.addEventListener('mousemove', function (event) {
        // например это свойство поддерживается только хромом и лисой
        this.innerHTML = event.movementX + '<br>' + event.movementY;
    }, true);

</script>

megaupload 01.05.2013 20:18

Пасоны, стоит ли писать альтернативную реализацию requestFullscreen?
По центру выводится окошко в стиле "для полноэкранного режима нажмите F11" и если чувак нажмет, то элемент к которому это применено, получает:

position:fixed
width: 100%
height:100%

??


Часовой пояс GMT +3, время: 17:49.