$(document).ready(function(){ // this part is for select username when // typing var user = ''; var reg = /\S/; var talker = false; var txt; var table = $('.t-bot'); $('.login input').keyup(function(e){ user = $(this).val(); if(e.which==13) confirm(); }); $('.ok').click(function(){confirm();}); // this part see if username is valid // (not blank and +3 carac) function confirm() { // if yes if(reg.test(user) && user.length>2 && user.length<11) { $('.sep2').animate({ width: '100%', }); $('#h1').animate({ top:'-70px' },1000) .animate({ top:0 },1000); $('.bottom') .animate({bottom:'-100px'},1000) .delay(800).hide(0); $('.login').fadeOut(500); setTimeout(function() { $('#h1').text('SI-GLE') .css({fontSize:'1em'}); $('.sep2') .animate({top:'40px'},800); $('#page') .delay(1000) .fadeIn(500); $('#body').css({animation:'body 1s 1s forwards'}); },1000); } else { alert('Need 3 letter minimum, and 10 maximum'); } } // end of username creation part // when use a key $('.key').click(function() { // we delete the key pressed if($(this).data('important') == undefined ){ $(this) .fadeOut(500) .delay(500) .removeClass('key2'); } // user cant spam $('.wait') .fadeIn(200) .delay(500) .fadeOut(200); // we take the text of the key txt = $(this).text(); // we display the message if(talker) { Msg = '

'+txt+'

', sep = ''; } else { Msg = '

'+txt+'

', sep = ''; talker = true; } table.append(sep+Msg); $('[data-afi]').css({animation:'fadeMsg 1s .2s forwards'}); // we check the number of key nbKey(); }); // just to adapt the discussion to any screen var h = (screen.height)-80-110; // 80 for menus and 120 for SL menu $('#text-area').css({height:h+'px'}); // verify if there is 0 key : function nbKey() { a = $('.input .key2'); if((a.length)==0) { $('.no-key').delay(500).fadeIn(0); } else { $('.no-key').fadeOut(0); } answer(); } // get appropriate answer of RAD function answer() { setTimeout(function() { switch(txt) { case 'How are you ?': var temp = 'I\'m fine, thanks!!!' + ' trying to help you ' + user; responsiveVoice.speak(temp); table.append(Rad(temp)); $('[data-afi]').css({animation:'fadeMsg 1s .2s forwards'}); break; case 'Date': var today = new Date(); var date = today.getDate(); var mm = today.getMonth()+1; var yy = today.getFullYear(); if(date < 10){ date = '0' + date; } if(mm < 10){ mm = '0' + mm; } var aaj = date+'/'+mm+'/'+yy; var temp = 'Today\'s date : ' + aaj; responsiveVoice.speak(temp); table.append(Rad(temp)); $('[data-afi]').css({animation:'fadeMsg 1s .2s forwards'}); break; case 'Name': var temp = 'My name is SI-GLE'; responsiveVoice.speak(temp); table.append(Rad(temp)); $('[data-afi]').css({animation:'fadeMsg 1s .2s forwards'}); break; case 'Location': var temp = 'I am at Raj\'s work place'; responsiveVoice.speak(temp); table.append(Rad(temp)); $('[data-afi]').css({animation:'fadeMsg 1s .2s forwards'}); break; case 'Time': var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); if(h < 10) h = '0'+h; if(m < 10) m = '0'+m; if(s < 10) s = '0'+s; var now = h+':'+m+':'+s; var temp = 'Current time is : ' + now; responsiveVoice.speak(temp); table.append(Rad(temp)); $('[data-afi]').css({animation:'fadeMsg 1s .2s forwards'}); break; } },1000); } // ADD HTML TABLE function Rad(ans) { var pic; if(talker) { sep = ''; pic = '

'; talker = false; } else if(!talker) { sep = ''; pic = ''; } return sep+''+pic+'

'+ans+'

'; } });

chat bot[under development]