Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
17 views4 pages

Chatbot Options for Users

The document contains code to create a messaging interface that allows a user to select from four payment options for a consultation service by clicking numbered buttons. The code then displays a response confirming the selection.

Uploaded by

Luan Rick
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views4 pages

Chatbot Options for Users

The document contains code to create a messaging interface that allows a user to select from four payment options for a consultation service by clicking numbered buttons. The code then displays a response confirming the selection.

Uploaded by

Luan Rick
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<script>

$(document).ready(function (){

$(".form").scrollTop($(".form")[0].scrollHeight);
});

$(document).ready(function(){
$("#option1").on("click", function(){

$value = '1';

$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+


$value +'</p></div></div>';
$(".form").append($msg);

$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,

success: function(resul){

if($value === "1"){

var resul = '<b>Eligio opcion 1</b><br>S/5 x 5 consultas,en


breve responderemos su mensaje, para brindarle su token de acceso...'

$replay = '<div class="bot-inbox inbox"><div class="icon"><i


class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';

$(".form").append($replay);
}

$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
</script>

</script>
<script>
$(document).ready(function(){
$("#option2").on("click", function(){

$value = '2';

$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+


$value +'</p></div></div>';
$(".form").append($msg);

// start ajax code


$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){

if($value === "2"){

var resul = '<b>Eligio opcion 2</b><br>S/10 x 15


consultas,en breve responderemos su mensaje, para brindarle su token de acceso...'

$replay = '<div class="bot-inbox inbox"><div class="icon"><i


class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}

$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});

$(document).ready(function(){
$("#option3").on("click", function(){

$value = '3';

$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+


$value +'</p></div></div>';
$(".form").append($msg);

// start ajax code


$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){

if($value === "3"){

var resul = '<b>Eligio opcion 3</b><br>S/15 x 25


consultas,en breve responderemos su mensaje, para brindarle su token de acceso...'

$replay = '<div class="bot-inbox inbox"><div class="icon"><i


class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}

$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});

$(document).ready(function(){
$("#option4").on("click", function(){
$value = '4';

$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+


$value +'</p></div></div>';
$(".form").append($msg);

// start ajax code


$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){

if($value === "4"){

var resul = '<b>Eligio opcion 4</b><br>S/20 x 40


consultas,en breve responderemos su mensaje, para brindarle su token de acceso...'

$replay = '<div class="bot-inbox inbox"><div class="icon"><i


class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}

$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
</script>
<div class="bot-inbox inbox">
<div class="icon">
<i class="fas fa-user"></i>
</div>
<div class="msg-header">
<p>Hola user 97485, puedes seleccionar una de las 4 opciones?
</p>
</div>

</div>

<div class="bot-inbox inbox">


<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option1" class="msg-box">
<p>Opcion 1<br>S/5 por 5 consultas</p>
</div>
</div>

<div class="bot-inbox inbox">


<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option2" class="msg-box">
<p>Opcion 2<br>S/10 por 15 consultas</p>
</div>
</div>

<div class="bot-inbox inbox">


<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option3" class="msg-box">
<p>Opcion 3<br>S/15 por 25 consultas</p>
</div>
</div>

<div class="bot-inbox inbox">


<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option4" class="msg-box">
<p>Opcion 4<br>S/20 por 40 consultas</p>
</div>
</div>
<div class="user-inbox inbox"><div class="msg-header"><p>1</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 1 </b><br>S/5 x 5 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>4</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 4 </b><br>S/20 x 40 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>3</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 3 </b><br>S/15 x 25 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>2</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 2 </b><br>S/10 x 15 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>3</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 3 </b><br>S/15 x 25 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div>

You might also like