WebSite X5Help Center

 
Елена Н.
Елена Н.
User

Всплывающее окно почтовой формы  ru

Автор: Елена Н.
Просмотрено 2666, Подписчики 1, Размещенный 0  

Вы, (авторы «Incomedia» ) пишите: -"контактную форму, вы можете установить либо гостевую книгу, либо контактную форму на невидимой странице, а затем поместить ссылку на эту страницу и выбрать ее для открытия в всплывающем окне или в окне «Показать»."

Вы всё верно пишете, но в случае с мобильными устройствами всё плохо. При попытке что-либо написать во всплывающем окне почтовой формы, всплывает клавиатура мобильного устройства для печати. При её появлении почтовая форма закрывается. Что делать в таком случае? Может Вашей компании нужно добавить настройку по высоте всплывающего окна от верхнего края экрана?

Также в мобильных устройствах, всплывающее окно почтовой формы, настолько сжимается по горизонтали и вертикали, что написать в нём что-либо невозможно. Если в настройках существует максимальная ширина, то почему отсутствует регулировка по минимальной ширине и высоте окна?

С уважением, Елена.

Размещено
29 Ответы - 1 Полезно
Pavel M.
Pavel M.
User

Вот сайт, сделанный на конструкторе (версия Проф 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>

Читать больше
Размещено От Pavel M.
Елена Н.
Елена Н.
User
Автор

Спасибо, что отозвались! По всей видимости я неправильно изложила проблему, либо Вы не смотрели скриншот. Речь шла про «окно Showbox».

С уважением, Елена.

Читать больше
Размещено От Елена Н.
Елена Н.
Елена Н.
User
Автор

Ещё для наглядности - мой сайт: http://dizain-art.ru/

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User
Елена Н.
Ещё для наглядности - мой сайт: http://dizain-art.ru/

попробуйте так... перед закрывающим head

<style>

#imShowBox {

 top:0px !important;

}

</style>

и от себя: зачем столько анимации на сайте? я бы лдолго на таком не просидел - раздражает.... выделяйте анимацией только важные моменты..

Читать больше
Размещено От Aleksey K.
Pavel M.
Pavel M.
User
Елена Н.
Спасибо, что отозвались! По всей видимости я неправильно изложила проблему, либо Вы не смотрели скриншот. Речь шла про «окно Showbox». С уважением, Елена.

про окно шоубокс в моем тексте в конце написано)

Читать больше
Размещено От Pavel M.
Aleksey K.
Aleksey K.
User

мдаа надо вам с размерами окна showbox поиграться но если не получится можно кодом попробовать ....

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

Я очень благодарна за помощь!

Высоту «окна showbox» получилось изменить. Также обстоят дела и с открытием изображений, только стрелки для перемотки остались на прежнем месте.

А вот как быть с размерами окна, ума не приложу. По идее, при таком разрешении, окно должно прижаться к краям, т.е. на всю ширину экрана. Тут явно что-то не доработано.

В кодировках ничего не смыслю. Игралась с ним уже много дней, результат один.

Замечание про анимацию принято, спасибо. Буду размышлять.

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User
Елена Н.
Я очень благодарна за помощь! Высоту «окна showbox» получилось изменить. Также обстоят дела и с открытием изображений, только стрелки для перемотки остались на прежнем месте. А вот как быть с размерами окна, ума не приложу. По идее, при таком разрешении, окно должно прижаться к краям, т.е. на всю ширину экрана. Тут явно что-то не доработано. В кодировках ничего не смыслю. Игралась с ним уже много дней, результат один. Замечание про анимацию принято, спасибо. Буду размышлять.

да у них не программа а сыромятина сплошная.... уже с ноября немогу закончить проект из за этих ушлепков.... у меня обычно сделано как и писал Pavel M. но нужно сделать как хотите вы... завтра поэксперементирую с этим на своем проекте , если все получится то код  вам сюда напишу.... только отпишите как конкретно вы хотите разместить окно?

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

Признательна за Вашу помощь! Сегодня мало кто откликнется кому-то помочь.

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

Меня удивляет тот факт, что по этому поводу никто не возмущается. Всё надеюсь, что нашу переписку увидят авторы «Incomedia».

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

И это не единственная проблема адресованная авторам «Incomedia», имеется ещё одна и она меня просто замучала. Многие о ней писали, но я не поняла, как это исправить. Проблема вызвана разницей в высоте краёв, рядом расположенных текстовых блоков. Причём в компьютерной версии разница высоты в одних блоках, а в мобильной меняется на другие.

С уважением, Елена.

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User

по поводу разной высоты блока:

попробуйте в программе зажать ctrl+shift и нажать на предпросмотр - это пересчитает высоту блоков и заново создаст файлы вашего проекта(может вам поможет), нажатие ctrl+preview - заново компилирует файлы для предпросмотра.... я уже вел с ними диалог по поводу этой проблемы и вот их ответ в переводе:

"Привет, Алексей.

Я получил новости от разработчиков.

К сожалению, эта проблема не может быть исправлена автоматически. Это зависит от того, как браузер отображает определенный текст на более чем двух строках, хотя все еще должно быть достаточно места, чтобы сделать его на двух, а не на трех.
Они подтвердили, что прямо сейчас вы можете попробовать и добавить пространство в конце первой строки, чтобы сбалансировать этот внешний вид, но это то, что прямо сейчас не может быть улучшено по мере возможности по умолчанию программного обеспечения.

Спасибо за понимание в этом и извините за ожидание

Стефано"

по showbox в течении дня отпишу ... как время будет займусь

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

ctrl+shift и + предпросмотр не помогает. Я это проделываю регулярно. Замечено, что количество символов в блоке напрямую влияют на эту проблему. Приходиться либо увеличивать текст, либо уменьшать. Но тоже не всегда помогает.

Не стоит извиняться, я никуда Вас не тороплю.

И ещё, случайно заметила, на странице, которой мы переписываемся, в форме для ввода логина и пароля, «showbox» работает хорошо. При сжатии браузера он отлично реагирует на ширину окна. Или это не «showbox»?

Читать больше
Размещено От Елена Н.
Елена Н.
Елена Н.
User
Автор

Ещё заметила такой парадокс. На их-же сайте всё прекрасно работает. Можете проверить по ссылке https://market.websitex5.com/ru/objekty/predprosmotr/39976c19-3123-4a69-b368-3abb553df8f

У них «showbox» отлично работает. Напрашивается вопрос. ЧТО НАМ ВЫПАРИВАЮТ?!!!

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User

да это их косяк , криво сделано.... думаю стоит открыть новый вопрос и указать что сообщение только для 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>

по крайней мере получилось вот так у меня 

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

Да, действительно кое-что получилось. Вот только рамка отличается от содержимого в ней.

Придётся с ними бодаться.

Спасибо Вам за проявленный интерес.

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User

1 скрин - измените высоту (было height:80% станет height:ваша высота) изменять только где 80 проц а не 100

2 скрин - я же написал что эти свойства работают при 600 пикс и ниже (а у вас выше 600) -внимательно читайте! можете изменить на большее значение (по вашим точкам останова)

3 скрин - я писал про галерею там нужно еще свойства прописать я посмотрю позже

Читать больше
Размещено От Aleksey K.
Aleksey K.
Aleksey K.
User

с галереей примерно так

<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>

Читать больше
Размещено От Aleksey K.
Aleksey K.
Aleksey K.
User

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

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

Начала с ними переписку. Изложила суть проблемы. Жмём ответа.

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User

я им обычно видео снимаю))) по другому они не понимают))) думаю и по этому вопросу тоже сниму....  в любом случае отпишите пожалуйста что они ответят...

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

Я Вам написала на ***

Читать больше
Размещено От Елена Н.
Елена Н.
Елена Н.
User
Автор
Pavel M.
Код для показа окна определенное количество времени (перед закрывающим тэгом Head, цифра 2000 в коде - это миллисекунды, цифру можно менять, как и надпись "сообщение отправлено")

Установила код на почтовую форму, но она не работает в "showbox"

Читать больше
Размещено От Елена Н.
Pavel M.
Pavel M.
User
Елена Н.
Pavel M. Код для показа окна определенное количество времени (перед закрывающим тэгом Head, цифра 2000 в коде - это миллисекунды, цифру можно менять, как и надпись "сообщение отправлено") Установила код на почтовую форму, но она не работает в "showbox"

код нужно устанавливать на страницу, которая показывает заключительное сообщение после отправки письма. А в чем показывается эта страница - в полном экране или в шоубоксе, не имеет значения, это всё равно по существу отдельная страница.

Читать больше
Размещено От Pavel M.
Елена Н.
Елена Н.
User
Автор
Pavel M.
код нужно устанавливать на страницу, которая показывает заключительное сообщение после отправки письма. А в чем показывается эта страница - в полном экране или в шоубоксе, не имеет значения, это всё равно по существу отдельная страница.

Так всё и сделано, НЕ РАБОТАЕТ!!!

Читать больше
Размещено От Елена Н.
Елена Н.
Елена Н.
User
Автор
Aleksey K.
в любом случае отпишите пожалуйста что они ответят...

Их ответ звучит примерно так "ЖДИТЕ ПОСЛЕ ДОЖДИКА, В ЧЕТВЕРГ".

Всё как-то печально!

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User
Елена Н.
Pavel M. код нужно устанавливать на страницу, которая показывает заключительное сообщение после отправки письма. А в чем показывается эта страница - в полном экране или в шоубоксе, не имеет значения, это всё равно по существу отдельная страница. Так всё и сделано, НЕ РАБОТАЕТ!!!

есть страница с формой в которой (в найстройках "перенаправление после отправки формы") вы ставите страницу с сообщением "сообщение отправлено" вот на последнюю (в свойствах страницы) перед закрыв. head ставите то что вам павел написал:

<script type="text/javascript">

ID=window.setTimeout("Update();",2000);

function Update(){

javascript:window.close();

}

</script>

должно работать

Читать больше
Размещено От Aleksey K.
Aleksey K.
Aleksey K.
User
Елена Н.
Их ответ звучит примерно так "ЖДИТЕ ПОСЛЕ ДОЖДИКА, В ЧЕТВЕРГ". Всё как-то печально!

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

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор
Aleksey K.
Елена Н.Pavel M. код нужно устанавливать на страницу, которая показывает заключительное сообщение после отправки письма. А в чем показывается эта страница - в полном экране или в шоубоксе, не имеет значения, это всё равно по существу отдельная страница. Так всё и сделано, НЕ РАБОТАЕТ!!! есть страница с формой в которой (в найстройках "перенаправление после отправки формы") вы ставите страницу с сообщением "сообщение отправлено" вот на последнюю (в свойствах страницы) перед закрыв. head ставите то что вам павел написал: <script type="text/javascript"> ID=window.setTimeout("Update();",2000); function Update(){ javascript:window.close(); } </script> должно работать

Всё перепроверила многократно. Сделано в точности как вы написали. Уже и проект перезагрузила из «iwzip».

Не работает.

Читать больше
Размещено От Елена Н.
Aleksey K.
Aleksey K.
User

я только что проверил и все работает!!!! 

Читать больше
Размещено От Aleksey K.
Елена Н.
Елена Н.
User
Автор

В браузере программы работает, а с сервера нет. Возможно вновь что-то с шоубоксом связано.

Читать больше
Размещено От Елена Н.