search

eduardotkoller / convForm

A jQuery plugin that transforms a form into an interactive chat.
https://eduardotkoller.github.io/convForm
MIT License
180 stars 109 forks source link

How to have a continuous conversation without page refresh #53

Open wakamd opened 5 years ago

wakamd commented 5 years ago

Hello. I like this template with the features. However i'm still green when it comes to js/jquery and the bot stuff. I would like to have a continuous chat option where the user interacts with the app without any page refresh. I put extra lines of code to make it work but i'm sure there must be a better way that this:

                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
wakamd commented 5 years ago

`

                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">
                                <input type="text" name="name" data-conv-question="Great {name}:0!. Please ask any question|Okay! Please, ask any question.">`