Not logged in.  Login/Logout/Register | List snippets | | Create snippet | Upload image | Upload data

137
LINES

< > BotCompany Repo | #1008787 // Template Nootrobox (editing)

HTML

<html>
<head>
<title>Chat Popup Test</title>
<link href='https://botcompany.de/1014036/raw/1025911?contentType=text/css' rel='stylesheet'>
 
<script type='text/javascript' src='//code.jquery.com/jquery-1.10.2.min.js'></script>
<script type='text/javascript' src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js'></script>

<script type='text/javascript'>  $(function(){
$("#addClass").click(function () {
          $('#qnimate').addClass('popup-box-on');
            });
          
            $("#removeClass").click(function () {
          $('#qnimate').removeClass('popup-box-on');
            });
  });
  
var showActions = false;
  
function showAction(action) {
  if (showActions) {
    $("#actionMsg").html(action);
    $("#actionMsg").show();
  }
}
  
function appendAction(action) {
  if (showActions) {
    $("#actionMsg").append(" | " + action);
    $("#actionMsg").show();
  }
}

function hideAction() {
  $("#actionMsg").hide();
  $("#actionMsg").html("");
}

var n = #N#;
var interval = 1000;
nInitial = n;

function start() {
  url = "#INCREMENTALURL#";
  if (url != '' && url != ("#INC" + "REMENTALURL#")) {
    showAction("Loading " + url + n);
    $.get(url + n, function(src) {
      showAction("Loaded");
      var match = src.match(/\d+/);
      if (match != null) {
        n = parseInt(match[0]);
        $(".direct-chat-messages").append(src);
        $("#scrollme").scrollTop(1E10);
        showAction("Appended " + src.length);
      } else
        showAction("n=" + n + " (initial=" + nInitial + ")");
      appendAction("Rescheduling");
      setTimeout(start, interval);
      appendAction("Rescheduled");
    }, 'text')
      .fail(function() {
        showAction("Rescheduling after fail");
        setTimeout(start, interval);
      });
  }
}
</script>
</head>
<body onLoad='$("#scrollme").scrollTop(1E10); start();'>
<p align="center">This is a demo chat bot by <a style="color: black" target="_blank" href="http://BotHouse.de/">BotHouse.de</a> (not authorized by Nootrobox)</p>
<div id="actionMsg"></div>
<style>
.thumb1 { 
background: url(http://eyeocr.sourceforge.net/filestore/filestore.php?cmd=serve&file=blob_1008786&contentType=image/jpeg) no-repeat;
width: 1275px;
height:7765px;
}
</style>
<div class="thumb1"></div>
<!--
<div class="container text-center">
  <div class="row">
        <div class="round hollow text-center">
        <a href="#" id="addClass"><span class="glyphicon glyphicon-comment"></span> Open chat </a>
        </div>
  </div>
</div>
-->

<form>

<div class="popup-box popup-box-on chat-popup" id="qnimate">
          <div class="popup-head">
        <a href="?message=CLEAR"><div class="popup-head-left pull-left"><img src="http://eyeocr.sourceforge.net/filestore/filestore.php?cmd=serve&file=blob_1008323&contentType=image/png" alt="Bot Image"> $HEADING</div></a>
            <div class="popup-head-right pull-right">
            <!--
            <div class="btn-group">
                      <button class="chat-header-button" data-toggle="dropdown" type="button" aria-expanded="false">
                     <i class="glyphicon glyphicon-cog"></i> </button>
                    <ul role="menu" class="dropdown-menu pull-right">
                    <li><a href="#">Media</a></li>
                    <li><a href="#">Block</a></li>
                    <li><a href="#">Clear Chat</a></li>
                    <li><a href="#">Email Chat</a></li>
                    </ul>
            </div>
            
            <button data-widget="remove" id="removeClass" class="chat-header-button pull-right" type="button"><i class="glyphicon glyphicon-off"></i></button>
            -->
                      </div>
        </div>
      <div id="scrollme" class="popup-messages">
        
      
      
      
      <div class="direct-chat-messages">
      <!-- MSGS HERE -->
      </div>
      <div class="popup-messages-footer">
      <textarea autofocus id="status_message" placeholder="Type a message..." rows="10" cols="30" name="message" onkeydown="if (event.keyCode == 13) { if (status_message.value == 'clear') form.submit(); else { url = '#MSGURL#' + encodeURIComponent(status_message.value); showAction('Submitting ' + url); $.get(url); } return false; }"></textarea>
      <div class="btn-footer">
      <!--
      <button class="bg_none"><i class="glyphicon glyphicon-film"></i> </button>
      <button class="bg_none"><i class="glyphicon glyphicon-camera"></i> </button>
            <button class="bg_none"><i class="glyphicon glyphicon-paperclip"></i> </button>
      -->
      <!--
      <button class="bg_none pull-right"><i class="glyphicon glyphicon-thumbs-up"></i> </button>
      -->
      </div>
      </div>
    </div>
    
</form>
</body></html>

Author comment

Began life as a copy of #1008785

download  render html  show line numbers   

Travelled to 13 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, ishqpsrjomds, jtubtzbbkimh, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt

No comments. add comment

Snippet ID: #1008787
Snippet name: Template Nootrobox (editing)
Eternal ID of this version: #1008787/39
Text MD5: 07dfe783108618537f9c828cdd4ccc5b
Author: stefan
Category: javax / web chat bots
Type: HTML
Public (visible to everyone): Yes
Archived (hidden from active list): No
Created/modified: 2019-10-30 13:02:52
Source code size: 4872 bytes / 137 lines
Pitched / IR pitched: No / No
Views / Downloads: 568 / 2540
Version history: 38 change(s)
Referenced in: #1009000 - Stefan's Chat Template (center)
#1012236 - Stefan's Chat - pre parsing display
#1012254 - Stefan's Chat / Smart Bot's Chat [Include]
#1013899 - Template Google Bot
#1025911 - CSS for Nootrobox
#1025912 - Template Nootrobox before segmenting
#1025924 - Generic Yellow Web Chat Bot Template (OK)