WebSite X5Help Center

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

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

Auteur : Елена Н.

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

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

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

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

Posté le
29 RéPONSES - 1 UTILES
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>

Lire plus
Posté le de Pavel M.
Елена Н.
Елена Н.
User
Auteur

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

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

Lire plus
Posté le de Елена Н.
Aleksey K.
Aleksey K.
User
Елена Н.
Ещё для наглядности - мой сайт: http://dizain-art.ru/

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

<style>

#imShowBox {

 top:0px !important;

}

</style>

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

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

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

Lire plus
Posté le de Pavel M.
Aleksey K.
Aleksey K.
User

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

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

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

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

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

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

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

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

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

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

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

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

Lire plus
Posté le de Елена Н.
Aleksey K.
Aleksey K.
User

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

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

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

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

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

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

Стефано"

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

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

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

Lire plus
Posté le de Елена Н.
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>

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

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

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

Lire plus
Posté le de Елена Н.
Aleksey K.
Aleksey K.
User

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

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

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

Lire plus
Posté le de 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>

Lire plus
Posté le de Aleksey K.
Aleksey K.
Aleksey K.
User

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

Lire plus
Posté le de Елена Н.
Aleksey K.
Aleksey K.
User

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

Lire plus
Posté le de Елена Н.
Елена Н.
Елена Н.
User
Auteur
Pavel M.
Код для показа окна определенное количество времени (перед закрывающим тэгом Head, цифра 2000 в коде - это миллисекунды, цифру можно менять, как и надпись "сообщение отправлено")

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

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

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

Lire plus
Posté le de Pavel M.
Елена Н.
Елена Н.
User
Auteur
Pavel M.
код нужно устанавливать на страницу, которая показывает заключительное сообщение после отправки письма. А в чем показывается эта страница - в полном экране или в шоубоксе, не имеет значения, это всё равно по существу отдельная страница.

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

Lire plus
Posté le de Елена Н.
Елена Н.
Елена Н.
User
Auteur
Aleksey K.
в любом случае отпишите пожалуйста что они ответят...

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

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

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

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

<script type="text/javascript">

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

function Update(){

javascript:window.close();

}

</script>

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

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

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

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

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

Не работает.

Lire plus
Posté le de Елена Н.
Aleksey K.
Aleksey K.
User

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

Lire plus
Posté le de Aleksey K.
Елена Н.
Елена Н.
User
Auteur

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

Lire plus
Posté le de Елена Н.