Поиск элементов

[danik.js]

нуу я стараюсь как можно меньше лишнего подключить, ну лишними они не бывают, просто стараюсь обойтись без них по мере возможности, как-то так

Старых возможностей удалять/добавлять класс нет. Поэтому то и придумали classList. Как минимум напиши функции addClass/removeClass, если не хочешь использовать classList. Хотя по размеру кода там разница не серьезная, а использовать стандартные API куда приятнее и лучше в плане поддержки.

[Tecvid]

Да? А я чет верстаю уже который год, и даже не знал об этом

просто дизайн у меня навороченный
p.s: верстаю 7-ой год, просто 6 лет чисто на css, так как я в основном с php возился, с дизайном не очень-то парился, а вот год назад уже начал изучать js и постепенно начинаю с ним микшировать css)

Конкретней объясни с чем у тебя проблемы

ну ыроде я конкретно объяснял, ну вобщем

Как минимум напиши функции addClass/removeClass

скорее всего так и сделаю

[danik.js]

верстаю 7-ой год

Не верю. Либо ты эти 7 лет ничему не научился. Короче, не надо ля ля.
[/quote]

ну ыроде я конкретно объяснял

Процитируй, пожалуйста. Что и в каком браузере будет неправильно отображаться.

[danik.js]

<style>
input{
    border: 1px solid #9DE2EE;
}
input:focus{
    color: #434343;
}
input.invalid{
    border-color: #F29793;
    color: #F2645C;
}
::-webkit-input-placeholder{
    color: #BBB;
}
:-moz-placeholder{
    color: #BBB;
    opacity: 1;
}
::-moz-placeholder{
    color: #BBB;
    opacity: 1;
}
:-ms-input-placeholder{
    color: #BBB;
}
</style>
<form>
    <input type="email" name="email" id="email" placeholder="E-mail" pattern="[\w-\.]+@([\w-]+\.)+[\w-]{2,4}" required="" />
</form>
<script>
var email = document.getElementById('email');
email.form.noValidate = true; // отключаем html5 валидацию
email.onblur = function() {
    if (!this.value) {
        email.classList.remove('invalid');
        return;
    }
    var pattern = new RegExp('^' + this.getAttribute('pattern') + '$');
    if (!pattern.test(this.value)) {
        email.classList.add('invalid');
        return;
    }
    email.classList.remove('invalid');
    /*$.ajax({
        type: 'GET',
        url: '/reg/check/?v=email&val=' + this.value,
        cache: false,
        success: function(data) {
            if (data > 0) {
                email.classList.add('invalid');
            } else {
                email.classList.add('remove');
            }
        }
    });*/
};
</script>

[Tecvid]

Не верю. Либо ты эти 7 лет ничему не научился. Короче, не надо ля ля.

не намерен убеждать, от твоей веры факт не меняется, и это не такое место чтоб себя показать, похвастаться, короч, похоже что мы просто друг друга не можем понять

Процитируй, пожалуйста. Что и в каком браузере будет неправильно отображаться.

давай как зобьём на эту тему, я бы с удовольсвием поболтал бы тут, да часы тикают и не ждут меня)

[danik.js]

Нет, ну я конечно встречал людей, у которых стойкое мнение, что если html5 - то обязательно нет поддержки старых браузеров. Но не с 7-летним стажем ))


Не поддерживает браузер [placeholder]? Подключаем полифил на js.
Не поддерживает input[type=email] ? Нихера не делаем. Потому что неподдерживаемые инпуты превращаются в input[type=text]. Ну и нам то че.


Не поддерживается html5 валидация? Ну и пох. Это чисто бонус для новых браузеров. На сервере один хрен валидация нужна, как не крути.

Хочется юзать новые теги - подключай полифил. Тем более что он через кондишнл комментс подключается, а значит полностью игнорируется другими браузерами. Оверхед - нулевой.

Не поддерживается css3 анимация? Ну значит будут резкие переходы.
Градиенты? Фолбэк на монотонный цвет. Скругления? Фолбэк на квадратные углы (чаще даже симпотней смотрится). Ну и тд и тп. Все это сам должен знать.

[danik.js]

html4 пока что не вымер

Как можно было такой бред сгенерировать - не понимаю.
Как будто HTML5 - это какой-то совсем другой стандарт, не совместимый с html4

[Tecvid]

Не поддерживается css3 анимация? Ну значит будут резкие переходы.
Градиенты? Фолбэк на монотонный цвет. Скругления? Фолбэк на квадратные углы (чаще даже симпотней смотрится). Ну и тд и тп. Все это сам должен знать.

ну вот тебе и абсолютно другой дизайн

[danik.js]

Tecvid, а, ну тогда верстай картинками, че будут и скругления и градиенты ))
Есть конечно еще PIE.htc но с ним только хуже будет.

Но ты вообще-то говорил совсем о другом:

но при этом упадёт весь дизайн, а это мне не нравится

[danik.js]

Короче, не вижу мысла убеждать. Если чайник хочет оставаться чайником - пускай.