Pinga

Я без макета верстал. Просто из головы... Да уж .. есть над чем подумать..

В первую очередь спасибо комьюнити, за подсказки и решения некоторых заморочек, которые возникали с версткой. Сайт верстал с помощью фреймворка bootstrap, поэтому мобильная версия отличается от компьютерной. Вопросы следующего характера: 1. Юзабилити мобильной версии, удобно ли, что можно сделать лучше. 2. На сколько правильная верстка не мобильной версии. 3. На сколько правильно отображается сайт на стационарных компьютерах (тестил только на ноуте и симуляторе смартфонов), что можно поправить. 4. Работает ли mask input формы обратной связи на мобильной версии. Сайт - лендинг про продажи smart watch. www.gadjet.pro

Подскажите, может кто сталкивался. Загрузил свой favicon.ico на сайт. Все нормально браузер понимал и распознавал его. Через некоторое время иконка автоматически превратилась в красный шарик. Я не мог понять в чем проблема. Удалил свой favicon с сайта, но красножелтый шар в качестве иконки сайта, так и остался. Подскажите, как проверить откуда сайт берет favicon, может подгружает откуда?

IMHO, мне кажется надо отказаться от шаблона и сделать нормальную качественную верстку (и редизайн) либо на bootstrap либо на framework7. F7 конечно лучше для мобильной верстки (скорость загрузка контента больше). Вы думаете владельцам смартфонов и мобильного интернета с ограниченным трафиком и порой не самым быстрым интернетом интересно загружать видео автоматом? —————————- Это лишь мое личное мнение.

С чего такой вывод? Всё работает: http://jsfiddle.net/hypnocolor/4ukav0Lj/5/ хммм ... Подключаю: <script src="https://yastatic.net/jquery/2.1.4/jquery.min.js">не работает. подключаю: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>работает.

Снял атрибут сразу после form.html(result) form.html(result);submitBtn.removeAttr('disabled');Но атрибут так и остается на кнопке судя потому что после перезагрузки страницы (f5) кнопка некликабельна (хотя может она просто так в кэше сохраняется?) Так же поменял строчку: var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>"на var result = "<div class = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>"'bg-success' пробовал и в таких кавычках: "" Результата нет Перезагружаю страницу (ctrl+f5) кнопка становится кликабельной. Попробовал: var result = alert('Добрый день')alert не выскакивает

хмм ... Точняк. Осталась главная проблема Почему не появляется: var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" Форма должна исчезать на месте нее должна появится надпись "Спасибо за заявку!" Вот почему тольконе появляется ..

У кнопки есть атрибут disabled когда он активирован на кнопку нажать нельзя. сделано для того чтобы несколько раз не нажималось пока форма отправляется на сервер и на почту. после того как пришел "ОК" от аякса у кнопки должен сниматься атрибут disable для того чтобы она становилась кликабельной. Вот полностью мой JS файл. (function() { var app = { initialize : function () { this.setUpListeners(); },//слушаю события setUpListeners: function () { $('form').on('submit', app.submitForm); $('form').on('keydown', 'input', app.removeError); }, submitForm: function (e) { e.preventDefault(); // ищу кнопку в форме var form = $(this), submitBtn = form.find('button[type="submit"]'); //делаю кнопку некликабельной пока идет отправка формы if( app.validateform(form) === false) return false; submitBtn.attr('disabled', 'disabled'); var str = form.serialize(); //аякс $.ajax({ url: 'contact_form/contact_process.php', type: 'POST', data: str }) //если приходит ок от сервера должна появится строчка .. Ок приходит, форма исчезает, а вот див с надписью //не появляется. .done(function(msg){ if(msg === "OK"){ var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" form.html(result); }else{ form.html(msg); } })// Здесь должен слететь атрибут Дисаблед у кнопки .always(function(){ submitBtn.removeAttr('disabled'); }); }, //валидация формы ищу инпуты в форме validateform: function (form){ var inputs = form.find('input'); valid = true; // подсказки тултипы которые типа выскаивают если не заполнено поле .. тут они разрушаются inputs.tooltip('destroy'); $.each(inputs, function(index, val) { //выискиваются инпуты в форме первоначально планировал чтобы тултипы выскакивали типа //'Заполните' + lable а lable брался из inputовского placeholder'a но не сообразил как это сделать// поэтому Лейбл забил просто так var input = $(val), val = input.val(), formGroup = input.parents('.input-group'), lable = formGroup.find('input').attr('placeholder'), textError = 'Заполните поле'; // если типа длина = 0 инпута то к инпуту добавляется клас и выскакивает тултип if(val.length === 0) { formGroup.addClass('has-error').removeClass('has-success'); input.tooltip({ trigger: 'manual', placement: 'top', title: textError }).tooltip('show'); valid = false }else{ formGroup.addClass('has-success').removeClass('has-error'); } }); return valid; }, //тут все очищается removeError: function (){ $(this).tooltip('destroy').parent('.input-group').removeClass('has-error'); } } app.initialize(); }());

Верстаю сайт для смартфонов. Запутался с "обратной связью". часть common.js: $.ajax({ url: 'contact_form/contact_process.php', type: 'POST', data: str }) .done(function(msg){ if(msg === "OK"){ var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" form.html(result); }else{ form.html(msg); } }) .always(function(){ submitBtn.removeAttr('disabled'); }); Форма работает - письма приходят. Но после нажатия на кнопку, после обработки запроса и получения "ОК" Форма куда то исчезает, а атрибут disabled не снимается. Адрес сайта

Отличный вариант... Жаль только не работает с jquery 2.*

Пардон не уточнил. Мне бы с миниатюрами. То есть одна большая рамка и пониже несколько миниатюр.

Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.

Аж глаза разбежались

Хотелось бы понять как сделать: при наведении разворачивается модуль

jsfiddle не?