-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Pinga
-
-
В первую очередь спасибо комьюнити, за подсказки и решения некоторых заморочек, которые возникали с версткой.
Сайт верстал с помощью фреймворка bootstrap, поэтому мобильная версия отличается от компьютерной.
Вопросы следующего характера:
1. Юзабилити мобильной версии, удобно ли, что можно сделать лучше.
2. На сколько правильная верстка не мобильной версии.
3. На сколько правильно отображается сайт на стационарных компьютерах (тестил только на ноуте и симуляторе смартфонов), что можно поправить.4. Работает ли mask input формы обратной связи на мобильной версии.
Сайт - лендинг про продажи smart watch.
-
Подскажите, может кто сталкивался.
Загрузил свой favicon.ico на сайт. Все нормально браузер понимал и распознавал его. Через некоторое время иконка автоматически превратилась в красный шарик. Я не мог понять в чем проблема. Удалил свой favicon с сайта, но красножелтый шар в качестве иконки сайта, так и остался.
Подскажите, как проверить откуда сайт берет favicon, может подгружает откуда? -
IMHO, мне кажется надо отказаться от шаблона и сделать нормальную качественную верстку (и редизайн) либо на bootstrap либо на framework7.
F7 конечно лучше для мобильной верстки (скорость загрузка контента больше).
Вы думаете владельцам смартфонов и мобильного интернета с ограниченным трафиком и порой не самым быстрым интернетом интересно загружать видео автоматом?—————————-
Это лишь мое личное мнение.
-
Отличный вариант...
Жаль только не работает с jquery 2.*
С чего такой вывод? Всё работает: 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. Удобная для пользования с мобилки.
Заранее приподнимаю шляпу в знак уважения.
-
Аж глаза разбежались
-
Хотелось бы понять как сделать:
при наведении разворачивается модуль
-
-
-
Везде одинаково просто найти работу без ВО, что в Москве, что в Питере, что в Новосибе (главное чтобы в городе был кластер IT компаний).
При условии, если человек знает "кухню" не поверхностно, либо обладает хорошим потенциалом.А в крупной компании работать (ИМХО)- ад.
По мне, так лучше искать работу в уютной камерной компании.
Без засилия менеджеров и управленцев среднего пошиба.
Как говорится, меньше народа - больше кислорода.
-
а когда открываешь выставляется 2 и в результате не пускает до моего проекта(
Проверка:
хмм... Все работает...
-
Про то, почему я ушел от использования ангуляра и что использую "вместо" него, аналогично, не буду)
можно поподробнее
-
-
В Новосибе плевать откуда ты. Главное чтобы спец.
В Академ-городке расположился технопарк, Там сосредоточение фирм IT сегмента. Даже джуниору не составит труда найти там работу. Только надо знать HTML css jQ bootstrap.З-п от 30к
Ну а если с JS на ты, а еще и react (angular backbone) Git Gulp Grunt sass node БЭМ cofee-script... Английский
80-100 вообще минимум.Хотя с такими знаниями уже и по удаленке работать можно за 3-4 К евро..
- 1
-
Лендинг - jQuery
SPA - Angularне?
-
Здравствуйте .
Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана.
Заранее, спасибо!
-
Ctrl + [ (где русская "х") - сдигаем влево Ctrl + ] (где русская "ъ") - сдигаем вправо
-
Если честно я не совсем ожидал что так компетентно ответят на мои вопросы.
Огромное спасибо.
Рискну задать еще один очень глупый вопрос, тем кто пользуется Sublime и Brackets.
Чтобы сдвинуть вправо блок кода, я его выделяю и нажимаю tab.
А как сдвинуть выделенный блок кода влево?
Оцените первую работу www.gadjet.pro
in Discussion of works
Posted · Edited by Pinga
Я без макета верстал.
Просто из головы...
Да уж .. есть над чем подумать..