Jump to content

Pinga

Newbie
  • Posts

    26
  • Joined

  • Last visited

Information

  • Sex
    Мужчина

Pinga's Achievements

Explorer

Explorer (1/14)

1

Reputation

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

    Favicon

    Подскажите, может кто сталкивался. Загрузил свой favicon.ico на сайт. Все нормально браузер понимал и распознавал его. Через некоторое время иконка автоматически превратилась в красный шарик. Я не мог понять в чем проблема. Удалил свой favicon с сайта, но красножелтый шар в качестве иконки сайта, так и остался. Подскажите, как проверить откуда сайт берет favicon, может подгружает откуда?
  4. IMHO, мне кажется надо отказаться от шаблона и сделать нормальную качественную верстку (и редизайн) либо на bootstrap либо на framework7. F7 конечно лучше для мобильной верстки (скорость загрузка контента больше). Вы думаете владельцам смартфонов и мобильного интернета с ограниченным трафиком и порой не самым быстрым интернетом интересно загружать видео автоматом? —————————- Это лишь мое личное мнение.
  5. С чего такой вывод? Всё работает: 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>работает.
  6. Снял атрибут сразу после 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 не выскакивает
  7. хмм ... Точняк. Осталась главная проблема Почему не появляется: var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" Форма должна исчезать на месте нее должна появится надпись "Спасибо за заявку!" Вот почему тольконе появляется ..
  8. У кнопки есть атрибут 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(); }());
  9. Верстаю сайт для смартфонов. Запутался с "обратной связью". часть 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 не снимается. Адрес сайта
  10. Отличный вариант... Жаль только не работает с jquery 2.*
  11. Пардон не уточнил. Мне бы с миниатюрами. То есть одна большая рамка и пониже несколько миниатюр.
  12. Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.
  13. Хотелось бы понять как сделать: при наведении разворачивается модуль
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy