Серый форум — JS: Особенности и типичные ошибки использования JavaScript

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (DnsIs) — Sat, 06 Jul 2013 17:20:56 +0000

В Опере, Огнепанде, Хроме, Осле > 8 пашет

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (Serge Yolkin) — Sat, 06 Jul 2013 16:55:00 +0000

для IE

if(eo.scrollTop+eo.clientHeight/4>eos.offsetTop)

не уверен в кроссбраузерности clientHeight

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (DnsIs) — Sat, 06 Jul 2013 05:52:43 +0000

Спасибо Rumata.
Но меня волнует одна корявость, а именно "20" в строке (e2.offsetTop - 20)).
Изменение размера шрифта заголовка h1 {font-size: 25px) от 5px до 125px, вроде бы как не влияет на результат. НО! А вдруг в каком-то частном случае будет работать неправильно?

Обновил

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (Rumata) — Fri, 05 Jul 2013 16:29:18 +0000

Прикольно. Можно еще сделать на классах, чтобы в коде не указывать стилевые правила. Кода станет чуть больше, но оформление будет отделено от кода, управление будет проще - для смены оформления будет изменена одна строка стилях, а не в коде. И код можно использовать повторно. В любом месте, даже на той же самой сранице.

объявить новый класс


.underline {
    border-bottom: 2px solid #DD4B39;
}

добавить немного кода


function class2re(className)
{
    return new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)', 'g');
};

function classExists(el, className)
{
    return class2re(className).test(el.className);
};

function addClass(el, className)
{
    if ( classExists(el, className) ) {
        return;
    }
    el.className += ' ' + className;
};

function removeClass(el, className)
{
    var re = class2re(className);
    el.className = el.className.replace(re, ' ');
};

подкорректировать существующий


    function test () {
        if (e1.scrollTop > (e2.offsetTop - 20)) {
            addClass(es, 'underline');
            removeClass(ef, 'underline');
        } else {
            removeClass(es, 'underline');
            addClass(ef, 'underline');
        }

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (DnsIs) — Fri, 05 Jul 2013 10:36:24 +0000

Люди, все кому не лень, посмотрите пожалуйста.
http://dnsis.neocities.org

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (DnsIs) — Thu, 04 Jul 2013 09:50:24 +0000

Спасибо мужики.

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (shiz) — Wed, 03 Jul 2013 11:30:14 +0000

DnsIs
Размеры и прокрутка элементов;
element.scrollTop...

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (Serge Yolkin) — Wed, 03 Jul 2013 10:43:47 +0000

DnsIs: по onScroll проверять, какой кусок находится в пределах контейнера...

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (DnsIs) — Wed, 03 Jul 2013 09:33:16 +0000

Кстати, никто не скажет, как организовать такое же как у Гардена меню, которое при скролировании подсвечивает главу в которой находится читатель?
Но без jquery и ему подобных, на чистом JS.

Re: JS: Особенности и типичные ошибки использования JavaScript

null@example.com (Rumata) — Tue, 18 Jun 2013 11:42:38 +0000

JavaScript Гарден удобнее. Фрагменты кода даны именно как текст, а не картинками.

JS: Особенности и типичные ошибки использования JavaScript

null@example.com (dmitriy-skorik) — Thu, 30 May 2013 03:18:47 +0000

Здравствуйте,уважаемые форумчане!
Хочу поделиться с вами интересной статьей
Особенности и типичные ошибки использования JavaScript