Как да създадете модул онлайн консултации през чата на Аякс и PHP
Прозорецът се отваря, когато натиснете или автоматично след 15 секунди за намиране на сайта.
След успешно изпращане, потребителят ще види съобщение, че молбата му е била приета и е на изчакване
Ако потребителят се опитва да изпрати празен съобщение, ще видите съобщение за грешка:
Първо, създаване на файла index.php, което ще създаде HTML кадър нашия прозорец:
Не забравяйте да включите библиотеката JQuery версия не по-ниска от 1.7.2. Свържете файл манипулатор custom.js на. Той ще създаде по-късно.
Също така, за да се покаже дизайн и анимация непременно създаване на style.css файл. Добави към това да има следното съдържание:
В тази работа с дизайна е завършен.
Сега създайте манипулатор custom.js. Добавете следните редове:
Продължи да подаде съдържание:
Тази функция проверява дали квадратчето, и в зависимост от това допринася за неговото или атрибут valTrFal_true valTrFal_disabled, които ще бъдат използвани в contact2.php файл е активирана. В резултат на изпълнението му, потребителят ще има възможност да изпрати съобщение да се появява, когато включите отметката.
Функцията на затваряне модален прозорец се активира, като кликнете върху "X" символ. По този начин има нулева запълнени области, проверка възстановяването на квадратчето и връщане на оригиналните атрибути за всички други елементи.
.preventDefault () функция отменя нормално кликване събитието. Пренасочване на събития прозорци промяна на непрозрачността на настройките и видими, за да направи нашия прозорец.
След пълно изтегляне на страницата, която искате да отворите прозореца за разговори след 7 секунди (7000 милисекунди). В същото време си внимание звуков сигнал. За да направите това, да създавате аудио елемент, и задайте пътя към звуковия файл. Също така се впише в друг същата функция чрез нея otrisuem първото съобщение от управителя, със закъснение от 1 секунда, след като предишната функция.
Тази функция се активира, когато първият клиент изпращане на съобщения в чата. По този начин е налице искане за пост-разговор и contact2.php манипулатор. Той добавя съобщения към ще се случи в базата данни. Непосредствен оказване на съобщението в чата, а след това започва таймер функция. Втори след изпращане потребителят ще видите съобщение "Моля, изчакайте една минута, аз получих вашата кандидатура. Не блокирайте чата. " След оттеглянето на съобщението след още 5 секунди, започва втората функция таймер, който подсказва на потребителя да напуснат своите данни в блок otv3 на. Ако от contack2.php манипулатор не е получено съобщ, а след това в текста се представя в звено "popup2", че не е изпратено съобщението, TC полета са празни, а след това той отива оказване на "popup2" на блок и скриване на предишния блок "изскачащия прозорец".
А сега да разгледаме манипулатори.
Първо трябва да се създаде contact.php файл и го напълни с:
Сега анализираме contacts2.php файл работа
Свързани статии