Всплывающее окно почтовой формы
Author: Елена Н.Вы, (авторы «Incomedia» ) пишите: -"контактную форму, вы можете установить либо гостевую книгу, либо контактную форму на невидимой странице, а затем поместить ссылку на эту страницу и выбрать ее для открытия в всплывающем окне или в окне «Показать»."
Вы всё верно пишете, но в случае с мобильными устройствами всё плохо. При попытке что-либо написать во всплывающем окне почтовой формы, всплывает клавиатура мобильного устройства для печати. При её появлении почтовая форма закрывается. Что делать в таком случае? Может Вашей компании нужно добавить настройку по высоте всплывающего окна от верхнего края экрана?
Также в мобильных устройствах, всплывающее окно почтовой формы, настолько сжимается по горизонтали и вертикали, что написать в нём что-либо невозможно. Если в настройках существует максимальная ширина, то почему отсутствует регулировка по минимальной ширине и высоте окна?
С уважением, Елена.
Вот сайт, сделанный на конструкторе (версия Проф 13), где почтовая форма и сделана по заветам инструкции, на невидимой странице - http://www.karkasniedoma.com
Откройте сайт на мобильном и нажмите, к примеру, большую кнопку "Заказать консультацию" на главной странице.
Единственно, что добавлен код, делающий поля формы более высокими, для удобства, и после отправки формы клиента перебрасывает на ещё одну скрытую страницу, которая показывает сообщение, что "спасибо, заявка отправлена, мы с вами свяжемся". Для этой страницы подтверждения отправки добавлен код, чтобы она отражалась 3 секунды и автоматически закрывалась.
Скрытые страницы делаются без шаблона (графические настройки страниц), ширина страницы у меня 500 пикселей, ширину всплывающего окна задаю тоже 500 пикселей, высоту определяю опытным путем, чтобы не было лишних маркеров прокрутки.
Вот видите, как всё просто :)
Код для увеличения высоты полей формы (ставится либо в начальных настройках, либо на каждой странице, где есть форма, перед закрывающим тэгом Head)
<style>
form input[type="text"] {
padding: 12px 5px 12px 5px !important;
margin: 4px 0px 4px 0px !important;
letter-spacing: 2px;
}
</style>
Код для показа окна определенное количество времени (перед закрывающим тэгом Head, цифра 2000 в коде - это миллисекунды, цифру можно менять, как и надпись "сообщение отправлено")
<!DOCTYPE html>
<html>
<HEAD>
<TITLE>Сообщение отправлено</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
ID=window.setTimeout("Update();",2000);
function Update(){
javascript:window.close();
}
</script>
</HEAD>
<BODY>
</body>
</html>
Author
Спасибо, что отозвались! По всей видимости я неправильно изложила проблему, либо Вы не смотрели скриншот. Речь шла про «окно Showbox».
С уважением, Елена.
Author
Ещё для наглядности - мой сайт: http://dizain-art.ru/
попробуйте так... перед закрывающим head
<style>
#imShowBox {
top:0px !important;
}
</style>
и от себя: зачем столько анимации на сайте? я бы лдолго на таком не просидел - раздражает.... выделяйте анимацией только важные моменты..
про окно шоубокс в моем тексте в конце написано)
мдаа надо вам с размерами окна showbox поиграться но если не получится можно кодом попробовать ....
Author
Я очень благодарна за помощь!
Высоту «окна showbox» получилось изменить. Также обстоят дела и с открытием изображений, только стрелки для перемотки остались на прежнем месте.
А вот как быть с размерами окна, ума не приложу. По идее, при таком разрешении, окно должно прижаться к краям, т.е. на всю ширину экрана. Тут явно что-то не доработано.
В кодировках ничего не смыслю. Игралась с ним уже много дней, результат один.
Замечание про анимацию принято, спасибо. Буду размышлять.
да у них не программа а сыромятина сплошная.... уже с ноября немогу закончить проект из за этих ушлепков.... у меня обычно сделано как и писал Pavel M. но нужно сделать как хотите вы... завтра поэксперементирую с этим на своем проекте , если все получится то код вам сюда напишу.... только отпишите как конкретно вы хотите разместить окно?
Author
Признательна за Вашу помощь! Сегодня мало кто откликнется кому-то помочь.
Окно для компьютерной версии открывается правильно т.к. поддаётся настройкам. В планшете тоже открывается нормально, но вызов клавиатуры для печати закрывает окно напрочь. Что-либо написать невозможно. А в мобильнике Вы и сами видели. Очень плохо, что для мобильных версий никаких настроек нет.
Меня удивляет тот факт, что по этому поводу никто не возмущается. Всё надеюсь, что нашу переписку увидят авторы «Incomedia».
Я полагаю, что окно должно выглядеть так, чтобы можно было в ней что-то печатать. Примерно, как в скриншоте.
И это не единственная проблема адресованная авторам «Incomedia», имеется ещё одна и она меня просто замучала. Многие о ней писали, но я не поняла, как это исправить. Проблема вызвана разницей в высоте краёв, рядом расположенных текстовых блоков. Причём в компьютерной версии разница высоты в одних блоках, а в мобильной меняется на другие.
С уважением, Елена.
по поводу разной высоты блока:
попробуйте в программе зажать ctrl+shift и нажать на предпросмотр - это пересчитает высоту блоков и заново создаст файлы вашего проекта(может вам поможет), нажатие ctrl+preview - заново компилирует файлы для предпросмотра.... я уже вел с ними диалог по поводу этой проблемы и вот их ответ в переводе:
"Привет, Алексей.
Я получил новости от разработчиков.
К сожалению, эта проблема не может быть исправлена автоматически. Это зависит от того, как браузер отображает определенный текст на более чем двух строках, хотя все еще должно быть достаточно места, чтобы сделать его на двух, а не на трех.
Они подтвердили, что прямо сейчас вы можете попробовать и добавить пространство в конце первой строки, чтобы сбалансировать этот внешний вид, но это то, что прямо сейчас не может быть улучшено по мере возможности по умолчанию программного обеспечения.
Спасибо за понимание в этом и извините за ожидание
Стефано"
по showbox в течении дня отпишу ... как время будет займусь
Author
ctrl+shift и + предпросмотр не помогает. Я это проделываю регулярно. Замечено, что количество символов в блоке напрямую влияют на эту проблему. Приходиться либо увеличивать текст, либо уменьшать. Но тоже не всегда помогает.
Не стоит извиняться, я никуда Вас не тороплю.
И ещё, случайно заметила, на странице, которой мы переписываемся, в форме для ввода логина и пароля, «showbox» работает хорошо. При сжатии браузера он отлично реагирует на ширину окна. Или это не «showbox»?
Author
Ещё заметила такой парадокс. На их-же сайте всё прекрасно работает. Можете проверить по ссылке https://market.websitex5.com/ru/objekty/predprosmotr/39976c19-3123-4a69-b368-3abb553df8f
У них «showbox» отлично работает. Напрашивается вопрос. ЧТО НАМ ВЫПАРИВАЮТ?!!!
да это их косяк , криво сделано.... думаю стоит открыть новый вопрос и указать что сообщение только для incomedia ну и соответственно привести примеры как вы и сделали ... думаю они поймут...
по поводу showbox: кое что получилось ... так как на больших экранах шоубокс работает более менее вменяемо то я подменил стили только для устройств с шириной 600 пикселей и ниже (можете в коде указать свое значение). я не проверял как это отразится на галерее шоубокс)))) но попробуйте (сделайте на всякий копию проекта в iwzip)
нужно разместить код в свойствах именно той страницы на которой нужно это изменение (либо в "статистика seo и код" если это нужно на всех страницах). код разместить перед закрывающим тегом head
<style>
@media (max-width: 600px) {
#imShowBox {
top:30px !important;
width:90% !important;
height:80% !important;
left:50% !important;
margin-left:-47% !important;
}
#imShowBox div:first-child, #imShowBox iframe {
width:100% !important;
height:100% !important;
}
}
</style>
по крайней мере получилось вот так у меня
Author
Да, действительно кое-что получилось. Вот только рамка отличается от содержимого в ней.
Придётся с ними бодаться.
Спасибо Вам за проявленный интерес.
1 скрин - измените высоту (было height:80% станет height:ваша высота) изменять только где 80 проц а не 100
2 скрин - я же написал что эти свойства работают при 600 пикс и ниже (а у вас выше 600) -внимательно читайте! можете изменить на большее значение (по вашим точкам останова)
3 скрин - я писал про галерею там нужно еще свойства прописать я посмотрю позже
с галереей примерно так
<style>
@media (max-width: 600px) {
#imShowBox {
top:30px !important;
width:90% !important;
height:80% !important;
left:50% !important;
margin-left:-47% !important;
}
#imShowBox div:first-child, #imShowBox iframe {
width:100% !important;
height:100% !important;
}
#imShowBox img {
left:50% !important;
margin-left:-37% !important;
height:100% !important;
}
}
</style>
сорри с галереей не прокатило пока - растягивает изображения - подумаю что сделать
Author
Начала с ними переписку. Изложила суть проблемы. Жмём ответа.
я им обычно видео снимаю))) по другому они не понимают))) думаю и по этому вопросу тоже сниму.... в любом случае отпишите пожалуйста что они ответят...
Author
Я Вам написала на ***
Author
Установила код на почтовую форму, но она не работает в "showbox"
код нужно устанавливать на страницу, которая показывает заключительное сообщение после отправки письма. А в чем показывается эта страница - в полном экране или в шоубоксе, не имеет значения, это всё равно по существу отдельная страница.
Author
Так всё и сделано, НЕ РАБОТАЕТ!!!
Author
Их ответ звучит примерно так "ЖДИТЕ ПОСЛЕ ДОЖДИКА, В ЧЕТВЕРГ".
Всё как-то печально!
есть страница с формой в которой (в найстройках "перенаправление после отправки формы") вы ставите страницу с сообщением "сообщение отправлено" вот на последнюю (в свойствах страницы) перед закрыв. head ставите то что вам павел написал:
<script type="text/javascript">
ID=window.setTimeout("Update();",2000);
function Update(){
javascript:window.close();
}
</script>
должно работать
это их любимый ответ))) странно что вам не предложили открыть новый топик с идеей... которую, если карта ляжет, они реализуют в следующей версии а может и через одну)))
Author
Всё перепроверила многократно. Сделано в точности как вы написали. Уже и проект перезагрузила из «iwzip».
Не работает.
я только что проверил и все работает!!!!
Author
В браузере программы работает, а с сервера нет. Возможно вновь что-то с шоубоксом связано.