Template Nootrobox (editing) [1008787]

<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>

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

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:	813 / 2945
Version history:	38 change(s)
Referenced in:	[show references]

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

HTML

Author comment

1	<html>
2	<head>
3	<title>Chat Popup Test</title>
4	<link href='https://botcompany.de/1014036/raw/1025911?contentType=text/css' rel='stylesheet'>
5
6	<script type='text/javascript' src='//code.jquery.com/jquery-1.10.2.min.js'></script>
7	<script type='text/javascript' src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js'></script>
8
9	<script type='text/javascript'> $(function(){
10	$("#addClass").click(function () {
11	$('#qnimate').addClass('popup-box-on');
12	});
13
14	$("#removeClass").click(function () {
15	$('#qnimate').removeClass('popup-box-on');
16	});
17	});
18
19	var showActions = false;
20
21	function showAction(action) {
22	if (showActions) {
23	$("#actionMsg").html(action);
24	$("#actionMsg").show();
25	}
26	}
27
28	function appendAction(action) {
29	if (showActions) {
30	$("#actionMsg").append(" \| " + action);
31	$("#actionMsg").show();
32	}
33	}
34
35	function hideAction() {
36	$("#actionMsg").hide();
37	$("#actionMsg").html("");
38	}
39
40	var n = #N#;
41	var interval = 1000;
42	nInitial = n;
43
44	function start() {
45	url = "#INCREMENTALURL#";
46	if (url != '' && url != ("#INC" + "REMENTALURL#")) {
47	showAction("Loading " + url + n);
48	$.get(url + n, function(src) {
49	showAction("Loaded");
50	var match = src.match(/\d+/);
51	if (match != null) {
52	n = parseInt(match[0]);
53	$(".direct-chat-messages").append(src);
54	$("#scrollme").scrollTop(1E10);
55	showAction("Appended " + src.length);
56	} else
57	showAction("n=" + n + " (initial=" + nInitial + ")");
58	appendAction("Rescheduling");
59	setTimeout(start, interval);
60	appendAction("Rescheduled");
61	}, 'text')
62	.fail(function() {
63	showAction("Rescheduling after fail");
64	setTimeout(start, interval);
65	});
66	}
67	}
68	</script>
69	</head>
70	<body onLoad='$("#scrollme").scrollTop(1E10); start();'>
71	<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>
72	<div id="actionMsg"></div>
73	<style>
74	.thumb1 {
75	background: url(http://eyeocr.sourceforge.net/filestore/filestore.php?cmd=serve&file=blob_1008786&contentType=image/jpeg) no-repeat;
76	width: 1275px;
77	height:7765px;
78	}
79	</style>
80	<div class="thumb1"></div>
81	<!--
82	<div class="container text-center">
83	<div class="row">
84	<div class="round hollow text-center">
85	<a href="#" id="addClass"><span class="glyphicon glyphicon-comment"></span> Open chat </a>
86	</div>
87	</div>
88	</div>
89	-->
90
91	<form>
92
93	<div class="popup-box popup-box-on chat-popup" id="qnimate">
94	<div class="popup-head">
95	<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>
96	<div class="popup-head-right pull-right">
97	<!--
98	<div class="btn-group">
99	<button class="chat-header-button" data-toggle="dropdown" type="button" aria-expanded="false">
100	<i class="glyphicon glyphicon-cog"></i> </button>
101	<ul role="menu" class="dropdown-menu pull-right">
102	<li><a href="#">Media</a></li>
103	<li><a href="#">Block</a></li>
104	<li><a href="#">Clear Chat</a></li>
105	<li><a href="#">Email Chat</a></li>
106	</ul>
107	</div>
108
109	<button data-widget="remove" id="removeClass" class="chat-header-button pull-right" type="button"><i class="glyphicon glyphicon-off"></i></button>
110	-->
111	</div>
112	</div>
113	<div id="scrollme" class="popup-messages">
114
115
116
117
118	<div class="direct-chat-messages">
119	<!-- MSGS HERE -->
120	</div>
121	<div class="popup-messages-footer">
122	<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>
123	<div class="btn-footer">
124	<!--
125	<button class="bg_none"><i class="glyphicon glyphicon-film"></i> </button>
126	<button class="bg_none"><i class="glyphicon glyphicon-camera"></i> </button>
127	<button class="bg_none"><i class="glyphicon glyphicon-paperclip"></i> </button>
128	-->
129	<!--
130	<button class="bg_none pull-right"><i class="glyphicon glyphicon-thumbs-up"></i> </button>
131	-->
132	</div>
133	</div>
134	</div>
135
136	</form>
137	</body></html>