https://www.affection.org/chat/chat.asp

1
2<!DOCTYPE html>
3<HTML lang="fr-FR" prefix="og: http://ogp.me/ns#"   >
4
5<head>
6<meta charset="windows-1252">
7
8  <meta name="viewport" content="width=device-width, initial-scale=1" />
9
10  <meta http-equiv="x-ua-compatible" content="ie=edge" />
11  <!-- Font Awesome -->
12  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
13  <!-- Google Fonts Roboto -->
14  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
15
16
17
18  <!-- MDB -->
19  <link rel="stylesheet" href="https://static.affection.org/css/mdb.min.css" />
20
21 <Title>CHAT</title>

21<script defer language="Javascript" src="https://static.affection.org/lib/capit.js"></script>

21<meta name="Keywords" content=""><meta name="Description" content=""><meta property="og:description"   content="" /><meta property="og:title"   content="CHAT" /><meta property="og:locale"   content="fr_FR"><meta property="og:site_name"   content="Affection.org"><meta property="og:type"   content="website"><meta property="og:url"   content="https://www.affection.org/chat/chat.asp?">
22
23<link rel="icon" type="image/png" href="https://static.affection.org/favico.png">
24<META NAME="Language" CONTENT="FR">
25<META http-equiv="Content-Type" content="text/html; ">
26
27<meta name="theme-color" content="#F2F3FF" />
28<link rel="manifest" href="/lib/manifest/manifest.json">
29
30<link rel="stylesheet" href="https://static.affection.org/css/r9.css">
31
32<link rel="stylesheet" href="https://static.affection.org/css/aff.css" />
33<link rel="stylesheet" href="https://static.affection.org/css/tr.css" />
34
35
36
37
38
39
40 

40<script>
41  (function(g, v, w, d, s, a, b) {
42    w['rumbleTalkMessageQueueName'] = g;
43    w[g] = w[g] ||
44    function() {
45    (w[g].q = w[g].q || []).push(arguments)
46    };
47    a = d.createElement(s);
48    b = d.getElementsByTagName(s)[0];
49    a.async = 1;
50    a.src = 'https://d1pfint8izqszg.cloudfront.net/api/' + v + '/sdk.js';
51    b.parentNode.insertBefore(a, b);
52  })('rtmq', 'v1.0.2', window, document, 'script');
53</script>

53
54
55
56
57
58</HEAD>
59<body>
60
61
62
63<NAV>
64<!-- Tabs Principal -->
65
66    <ul class="nav nav-pills nav-fill  flex-sm-row  " id="NAVBAR" role="tablist"  >
67
68		<li class="nav-item"  role="navigation" data-mdb-tooltip-init data-mdb-placement="bottom" title="Affection.org " >
69        <a
70		class="nav-link p-2 navmargin"  style="background-color: #C1C3FF;"  aria-selected="false"
71
72		href="/" role="tab" aria-controls="NAVBAR"  >
73          <i class="fas fa-house me-1 fa-2x"></i>
74
75		    		  			<span class="d-none d-sm-block">Accueil</span>
76		  </a>
77      </li>
78
79
80
81	
82		</LI>
83      <li class="nav-item"  role="navigation" data-mdb-tooltip-init data-mdb-placement="bottom" title="Rechercher les annonces " >
84        <a
85		class="nav-link p-2 navmargin"  style="background-color: #C1C3FF;"  aria-selected="false"
86
87		href="/rencontre/" role="tab" aria-controls="NAVBAR"  >
88          <i class="far fa-heart  me-1 fa-2x"></i>
89		  		  			<span class="d-none d-sm-block">Rencontre</span>
90
91		  </a>
92      </li>
93
94
95
96      <li class="nav-item" data-mdb-tooltip-init data-mdb-placement="bottom" title="Chat" >
97        <a aria-controls="NAVBAR"
98
99		class="nav-link active p-2 navmargin" aria-selected="true"
100
101
102		href="/chat/chat.asp" role="tab"  >
103          <i class="far fa-comments  me-1 fa-2x"></i>
104			&nbsp;&nbsp;<span  class="badge rounded-pill badge-notification bg-info   ">37<span class="visually-hidden">connectés</span></span><span class="d-none d-sm-block">Chat</span>
105		  </a>
106      </li>
107
108
109      <li class="nav-item " data-mdb-tooltip-init data-mdb-placement="bottom" title="Expressions">
110        <a
111
112		class="nav-link p-2 navmargin"  style="background-color: #C1C3FF;"  aria-selected="false"
113
114		href="/textes/" >
115          <i class="far fa-comment-alt me-1 fa-2x"></i>
116		  			<span class="d-none d-sm-block">Expression</span>
117
118		  </a>
119      </li>
120
121
122
123
124    </ul>
125
126
127
128<!-- Tabs CHAT -->
129   <ul class="nav nav-tabs nav-fill  mb-0" id="tabrencontre" role="tablist" >
130    <li class="nav-item" role="presentation">
131      <a class="nav-link p-2  active " href="/chat/chat.asp" role="tab" aria-selected="true"><i class="far fa-comments me-1"></i>Chat</a>
132    </li>
133    <li class="nav-item" role="presentation">
134      <a class="nav-link p-2  " href="/chat/connectes.html" role="tab" aria-selected="false">
135        <i class="fas fa-users me-1"></i>Connectés</a>
136    </li>
137
138	
139
140    <li class="nav-item" role="presentation">
141      <a class="nav-link p-2 " href="https://affectionplus.com/fr/conseils/rencontre-en-ligne/bien-se-comporter-en-chat.html" role="tab" aria-selected="false">
142        <i class="fas fa-balance-scale me-1"></i>Net Etiquette</a>
143    </li>
144
145
146  </ul>
147  <!-- Tabs CHAT -->
148</nav><main><div class="d-flex justify-content-between "><div class=" ms-1  mb-1 me-2 mt-1" style="width:245px;">
149		<div style="max-width: 180px;">
150		<div class="card" style=" border-left: 1px #0014B4 solid; border-right: 1px #0014B4 solid; border-bottom: 1px #0014B4 solid; border-top: 1px #0014B4 solid;">
151			
152			<a href=/><img    src="https://ik.imagekit.io/8pm8p4psgb/images/affection300.png" class="card-img-top" alt="Le site de la rencontre amoureuse sérieuse."
153			title="Le site de la rencontre amoureuse sérieuse."  /></a>
154			
155			<form method="POST" class="d-flex flex-column justify-content-center align-items-center" action="
156			/chat/chat.asp">
157				<div class="card-text" style="text-align:center;">N&deg;Annonce
158					<br><input maxlength=7  type="text" size="10" id="AnnonceIDLogon" name="AnnonceID" value="">
159					<br>Mot de passe
160					<br><input maxlength=10 size="10" type="password" name="Password" value="" autocomplete="on">
161					<input type="hidden" name="savepasswordhidden" value="1">
162					<br><input type="checkbox" name="savepassword" value="1" checked> Garder en mémoire<br><input type="submit" name="submit"
163					value="Se connecter" class="btn btn-primary" style=" text-transform: none;">
164					<br><div class="mt-1"><a target=_blank href="/recuperer.asp" class="mt-2">Mot de passe oublié ?</a></div>
165
166
167				</div>
168			</form>
169		</div>
170		<div class="mt-2 text-center text-lowercase"  ><a href="/FORM.HTML" class="btn btn-success"     style=" width:100%; text-transform: none;">Nouvelle annonce</a></div>
171		</div>
172</div><div class="me-l  flex-fill "   >
173
174<div id="dvEmpty" style="width:100%"></div>
175<div  ><div id="dvRow" class="row"><div id="dvChat" class="col-lg-9" ><div id="dvRumble" style="height: 80vh;   ">
176<div id="rt-f11e44924e572808b088ef00bc95e11e"></div> 

176<script src="https://rumbletalk.com/client/?@ulYOvS8"></script>

176
177</div><div class="text-center"><div class="border rounded-5  mt-3 ms-2 me-2 mb-2 d-inline-flex"><div class="   d-inline-flex  "><div class="form-outline mt-3 ms-3  mb-3 "><i class="far fa-user trailing"></i><input type="text"  id="pseudotext" class="  form-control form-icon-trailing" /><label class="form-label" for="pseudo">Pseudo</label></div><div class="text-nowrap"><button type="button" id="btnRechercherPseudo"  class="btn btn-primary mt-3 ms-2 me-3 "><span id="spanSpinner" role="status" aria-hidden="true"></span><i class="fas fa-search"></i> Rechercher</button></div></div> </div><div id="resultpseudo" > </div></div>
178

179<script>
180
181const spanSpinner = document.querySelector("#spanSpinner");
182const btnRechercherPseudo = document.querySelector("#btnRechercherPseudo");
183const resultpseudo = document.querySelector("#resultpseudo");
184const pseudo = document.querySelector("#pseudotext");
185
186btnRechercherPseudo.addEventListener('click', async function() {
187	 Recherche();
188});
189
190pseudo.addEventListener('keypress', function (e) {
191    if (e.key === 'Enter') {
192      Recherche();
193    }
194});
195
196async function Recherche()
197{
198	spanSpinner.className = "spinner-border spinner-border-sm";
199	btnRechercherPseudo.disabled = true;
200	pseudo.disabled = true;
201   	let response = await fetch('/liste.asp?tri=visite&limit=5&bnodiv=1&bNoBar=y&pseudo=' + encodeURI(pseudo.value),  {
202    method: "GET",
203    headers: { "Content-Type": "text/html; charset=iso-8859-1" }
204  });
205	let sBuffer = await response.arrayBuffer();
206	let decoder = new TextDecoder("iso-8859-1")
207    let sText = decoder.decode(sBuffer)
208	resultpseudo.innerHTML = sText ;
209	resultpseudo.querySelectorAll('[data-mdb-dropdown-init]').forEach((d) =>
210							{ const instance = mdb.Dropdown.getOrCreateInstance(d) });
211		var lazyObj = window.lazySizes;
212		var images = document.getElementsByClassName('lazyload');
213		console.log(lazyObj);
214
215	btnRechercherPseudo.disabled = false;
216	pseudo.disabled = false;
217	spanSpinner.className ="";
218
219}
220
221
222</script>

222
223
224
225</div><div id="dvNews" class="col-lg-3"><div id="dvChoix" class="d-flex justify-content-evenly"><div> <input class="form-check-input" type="radio" id="rbnews" name="choix" onClick="frmNews();"  ><label class="form-check-label" for="rbnews"> News </label> </div><div> <input class="form-check-input" type="radio" id="rblstconnecte" name="choix" onClick="frmConnectes();" CHECKED ><label class="form-check-label" for="rblstconnecte"> Connectés </label><iframe id="frmContent" class="me-2 mt-2 mb-2" src="/chat/connecte.asp" style="width:99%;height:800px; "></iframe></div></div></div>
226

227<script>
228const frmContent = document.getElementById("frmContent");
229function removeNews()
230{
231//document.getElementById("dvNews").remove()
232//document.getElementById("dvRow").className="";
233document.getElementById("dvChat").className="col-lg-12";
234
235//dvRumble = document.getElementById('dvRumble');
236//document.getElementById('dvEmpty').appendChild(dvRumble);
237//window.dispatchEvent(new Event('resize'));
238
239
240}
241
242function frmConnectes()
243{
244frmContent.src = "/chat/connecte.asp";
245
246}
247function frmNews()
248{
249frmContent.src = "/chat/html/news.asp";
250
251}
252</script>

252
253
254<div
255  class="toast fade mx-auto"
256  id="divToastInfo"
257  role="alert"
258  aria-live="assertive"
259  aria-atomic="true"
260  data-mdb-toast-init
261  data-mdb-autohide="true"
262  data-mdb-delay="4000"
263  data-mdb-position="top-right"
264  data-mdb-append-to-body="true"
265  data-mdb-stacking="true"
266  data-mdb-width="350px"
267  data-mdb-color="info"
268>
269
270  <div class="toast-body" >
271	<div class="d-flex justify-content-between">
272	  <div id="divMsgInfo"></div>
273  <button type="button" class="btn-close" data-mdb-dismiss="toast" aria-label="Close"></button>
274  </div>
275  </div>
276</div>
277
278</div><div></div></div></main><footer><center><br><a href="/contact.html"  class=lienblancpetit>Contact</a>&nbsp;|&nbsp;<a href="/faq/annonces.html" target="_top" class=lienblancpetit>Aide</a>&nbsp;|&nbsp;<a href="/conditions.html" target="_top" class=lienblancpetit>Conditions générales</a>&nbsp;|&nbsp;<a href="/form.html" target="_top" class=lienblancpetit>Inscription</a><br><a href="https://www.facebook.com/affectionorg"><i class=" fa-lg fab fa-facebook"></i></a> &nbsp; <a href="https://www.instagram.com/affectionorg"><i class=" fa-lg fab fa-instagram"></i></a> &nbsp; <a href="https://www.twitter.com/affectionorg"><i class=" fa-lg fab fa-twitter-square"></i></a> &nbsp; <a href="https://www.linkedin.com/company/affectionorg/"><i class=" fa-lg fab fa-linkedin"></i></a> &nbsp; <a href="https://www.vk.com/affectionorg/"><i class=" fa-lg fab fa-vk"></i></a> &nbsp; <a href="https://www.tiktok.com/@affection.org"><i class=" fa-lg fab fa-tiktok"></i></a> &nbsp; <a href="https://www.youtube.com/channel/UCdnhn-diTfy0FhZMwsjpkpQ"><i class=" fa-lg fab fa-youtube"></i></a> &nbsp; <a href="https://www.dailymotion.com/affectionorg"><i class=" fa-lg fab fa-dailymotion"></i></a> &nbsp; <a href="https://www.pinterest.fr/affectionorg/"><i class=" fa-lg fab fa-pinterest-p"></i></a>

279<script src="https://static.affection.org/js/lazysizes.min.js" async></script>

279
280
281
282<!-- MDB ESSENTIAL -->

283<script type="text/javascript" src="https://static.affection.org/js/mdb.umd.min.js"></script>

283
284
285
286

287<script>
288function ClickRef(sUrl)
289{
290  window.location.href= sUrl
291}
292</script>

292
293
294
295
296
297</body>
298</html>
299