Почему не работает правильно? Делал по шаблону (html только начал учить) Кто может подправьте чтобы работало правильно,

@ashelpakov95 · Регистрация: 20.09.2019

Author24 — интернет-сервис помощи студентам

Почему не работает правильно? Делал по шаблону (html только начал учить) Кто может подправьте чтобы работало правильно. Ошибка где-то в блоке " или  "
"

PHP/HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Как создать чат-бота для сайта на JS</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="dist/jquery.convform.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="demo.css">
    <link media="screen" href="demo/styles/demo.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!--Начало кода используемого для демонстрации -->
  <div id="controls">
<div align=right><a class="close" title="Закрыть" onclick="document.getElementById('controls').style.display='none';">X</a></div>
   <!-- Яндекс.Директ -->
<div id="yandex_ad"></div>
 
</div>
<table cellpadding="0" cellspacing="0" id="demo_navi">
  <tr>
    <td width="220"><a href="/" rel="nofollow" ><div class="logo"><b><font color=#c3e425></font></b></div></a></td><td width="45"><div class="demo"></div></td>
    <td style="text-overflow: ellipsis;"><a href="//rudebox.org.ua/how-to-create-chat-bot-for-site-on-js" class="go-bottom" rel="nofollow" ><div class="name">Чат-бот </div></a></td>
  </tr>
</table>
    <section id="demo">
        <div class="vertical-align">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3 col-xs-offset-0">
                        <div class="card no-border">
                            <div id="chat" class="conv-form-wrapper">
                                <form action="" method="GET" class="hidden">
                                  
                                  <select data-conv-question="Здравствуйте! Я бот поддержки сайта . Выберите что Вас интересует? "  >
                                        <option value="zapis-k-vrachu">1.Записаться к врачу</option><br>
                                        <option value="o-uslugah">4.Узнать об услугах</option><br>
                                           </select>
                 
                                                                  
                                     
    <!--1 вопрос -->  <select name="zapis-k-vrachu" data-conv-question="Записаться самостоятельно или отправить заявку?">
                                        <option value="zapis-sam">Самостоятельно</option>
                                        <option value="zapis-zayavka">Заявка в регистратуру</option>
                                    </select>
                                   
                                <div data-conv-fork="zapis-k-vrachu">
                                        <div data-conv-case="zapis-sam">
                                            <input type="text" data-conv-question=" ссылка на запись онлайн " data-no-answer="true">
                                        </div>
                                        
                                <div data-conv-case="zapis-k-vrachu">
                                    <div data-conv-case="zapis-zayavka">
                                            <input type="text" data-conv-question="ссылка на форму" data-no-answer="true">   
                                    </div>  
                                    
        
                                    
  <!--4 вопрос -->  <select name="o-uslugah" data-conv-question="О каких услугах Вы хотите узнать">
                                        <option value="u-det-otdel">Услугах детского отделения</option>
                                        <option value="u-vzr-otdel">Услугах взрослого отделения</option>
                                        <option value="u-diagnostika">Диагностика</option>
                                        <option value="u-kosmetologiya">Косметология</option>
                                        <option value="u-m-komissii">Мед. комиссии</option>
                                        <option value="zayavka-o-uslugah">Заявка в регистратуру</option>
                                    </select>
                                   
                                <div data-conv-fork="o-uslugah">
                                        <div data-conv-case="u-det-otdel">
                                            <input type="text" data-conv-question=" ссылка " data-no-answer="true">
                                        </div>
                                        
                                <div data-conv-case-vzr="o-uslugah">
                                    <div data-conv-case="u-vzr-otdel">
                                            <input type="text" data-conv-question="ссылка " data-no-answer="true">   
                                    </div> 
                               
                               <div data-conv-case-diagnost="o-uslugah">
                                    <div data-conv-case="u-diagnostika">
                                            <input type="text" data-conv-question="ссылка " data-no-answer="true">   
                                    </div>
                                    
                               <div data-conv-case-kosmetolog="o-uslugah">
                                    <div data-conv-case="u-kosmetologiya">
                                            <input type="text" data-conv-question="ссылка " data-no-answer="true">   
                                    </div>
                              
                              <div data-conv-case-m-komissii="o-uslugah">
                                    <div data-conv-case="u-m-komissii">
                                            <input type="text" data-conv-question="ссылка " data-no-answer="true">   
                                    </div>
                               
                               <div data-conv-case-zayavka-o-usl="o-uslugah">
                                    <div data-conv-case="zayavka-o-uslugah">
                                            <input type="text" data-conv-question="ссылка на форму" data-no-answer="true">   
                                    </div>
                                   
                
                
                                   
    </section>
    <script type="text/javascript" src="jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="dist/autosize.min.js"></script>
    <script type="text/javascript" src="dist/jquery.convform.js"></script>
 
    <script>
        function google() {
            window.open("https://google.com");
        }
        function bing() {
            window.open("https://bing.com");
        }
        var rollbackTo = false;
        var originalState = false;
        function storeState(stateWrapper) {
            rollbackTo = stateWrapper.current;
            console.log("storeState called: ",rollbackTo);
        }
        function rollback(stateWrapper) {
            console.log("rollback called: ", rollbackTo, originalState);
            console.log("answers at the time of user input: ", stateWrapper.answers);
            if(rollbackTo!=false) {
                if(originalState==false) {
                    originalState = stateWrapper.current.next;
                        console.log('stored original state');
                }
                stateWrapper.current.next = rollbackTo;
                console.log('changed current.next to rollbackTo');
            }
        }
        function restore(stateWrapper) {
            if(originalState != false) {
                stateWrapper.current.next = originalState;
                console.log('changed current.next to originalState');
            }
        }
    </script>
    <script>
        jQuery(function($){
            var convForm = $('#chat').convform();
            console.log(convForm);
        });
    </script>
</body>
</html>

Комментарий модератора

Используйте соответствующие теги в редакторе для форматирования кода!

Байт · 14.11.2019, 10:49

<-- 4

Сообщение от ashelpakov95

Такое ощущение, что не закрывающего </div>. И далее тоже

Добавлено через 1 минуту
В <-- 1 - тоже самое.
ЗЫ. И хорошо бы код в теги облекать...

@ashelpakov95 · 14.11.2019, 15:33 **[ТС]**

"Такое ощущение, что не закрывающего </div>. И далее тоже

Добавлено через 1 минуту
В <-- 1 - тоже самое.
ЗЫ. И хорошо бы код в теги облекать... "

Спасибо, долго мучался, а оказалось все просто!)

А еще не подскажете, как сделать, чтобы после каждого вопроса перекидывало в начало?

Добавлено через 4 минуты
Да, добавил </div> но всёже не работает как нужно(

Байт · 14.11.2019, 16:21

Сообщение от ashelpakov95

чтобы после каждого вопроса перекидывало в начало?

Есть такая JS-функция

Javascript

1	scrollTo(0,0);

@ashelpakov95 · 15.11.2019, 14:13 **[ТС]**

Сообщение от Байт

Есть такая JS-функция

Javascript

1	scrollTo(0,0);

Есть такая JS-функция
JavascriptВыделить код
1
scrollTo(0,0);

А как сделать, чтобы после определенного ответа ботом, он завершил свою работу?

Байт Диссидент 27706 / 17322 / 3812 Регистрация: 24.12.2010 Сообщений: 38,979
	14.11.2019, 10:49	2
	<-- 4 Сообщение от ashelpakov95 <div data-conv-fork="o-uslugah"> <div data-conv-case="u-det-otdel"> <input type="text" data-conv-question=" ссылка " data-no-answer="true"> </div> Такое ощущение, что не закрывающего </div>. И далее тоже Добавлено через 1 минуту В <-- 1 - тоже самое. ЗЫ. И хорошо бы код в теги облекать... 1

@ashelpakov95 0 / 0 / 0 Регистрация: 20.09.2019 Сообщений: 9
	14.11.2019, 15:33 [ТС]	3
	"Такое ощущение, что не закрывающего </div>. И далее тоже Добавлено через 1 минуту В <-- 1 - тоже самое. ЗЫ. И хорошо бы код в теги облекать... " Спасибо, долго мучался, а оказалось все просто!) А еще не подскажете, как сделать, чтобы после каждого вопроса перекидывало в начало? Добавлено через 4 минуты Да, добавил </div> но всёже не работает как нужно( 0

	15.11.2019, 14:13

Опции темы