{"id":398,"date":"2025-10-13T18:41:36","date_gmt":"2025-10-13T16:41:36","guid":{"rendered":"https:\/\/mezino.net\/?page_id=398"},"modified":"2025-10-14T14:12:01","modified_gmt":"2025-10-14T12:12:01","slug":"chatgptop","status":"publish","type":"page","link":"https:\/\/mezino.net\/index.php\/chatgptop\/","title":{"rendered":"ChatGPTOP"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<div id=\"chatbox\" style=\"max-width:600px;margin:auto;\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"messages\" style=\"border:1px solid #ccc;padding:10px;height:300px;overflow-y:auto;border-radius:8px;\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div style=\"margin-top:10px;display:flex;gap:10px;\"><!-- [et_pb_line_break_holder] -->    <input id=\"userInput\" type=\"text\" placeholder=\"\u00c9crivez votre message...\" style=\"flex:1;padding:8px;border-radius:5px;border:1px solid #ccc;\"><!-- [et_pb_line_break_holder] -->    <button id=\"sendBtn\" style=\"padding:8px 16px;border:none;background:#007BFF;color:white;border-radius:5px;\">Envoyer<\/button><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->const webhookUrl = \"https:\/\/n8n.edazot.ch\/webhook\/c664ec0e-ddff-42c3-b9cf-0c70357f27a1\"; <!-- [et_pb_line_break_holder] -->\/\/const webhookUrl = \"https:\/\/n8n.edazot.ch\/webhook-test\/c664ec0e-ddff-42c3-b9cf-0c70357f27a1\"; <!-- [et_pb_line_break_holder] -->let messages = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function renderMessages() {<!-- [et_pb_line_break_holder] -->  const box = document.getElementById(\"messages\");<!-- [et_pb_line_break_holder] -->  box.innerHTML = \"\";<!-- [et_pb_line_break_holder] -->  messages.forEach(m => {<!-- [et_pb_line_break_holder] -->    const div = document.createElement(\"div\");<!-- [et_pb_line_break_holder] -->    div.style.marginBottom = \"8px\";<!-- [et_pb_line_break_holder] -->    div.innerHTML = `<b>${m.role === \"user\" ? \"\ud83e\uddcd\u200d\u2642\ufe0f Vous\" : \"\ud83e\udd16 Assistant\"} :<\/b> ${m.content}`;<!-- [et_pb_line_break_holder] -->    box.appendChild(div);<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->  box.scrollTop = box.scrollHeight;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->async function sendMessage() {<!-- [et_pb_line_break_holder] -->  const input = document.getElementById(\"userInput\");<!-- [et_pb_line_break_holder] -->  const text = input.value.trim();<!-- [et_pb_line_break_holder] -->  if (!text) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Ajoute le message utilisateur<!-- [et_pb_line_break_holder] -->  \/\/messages.push({ role: \"user\", content: text });<!-- [et_pb_line_break_holder] -->  renderMessages();<!-- [et_pb_line_break_holder] -->  input.value = \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  try {<!-- [et_pb_line_break_holder] -->    const response = await fetch(webhookUrl, {<!-- [et_pb_line_break_holder] -->      method: \"POST\",<!-- [et_pb_line_break_holder] -->      headers: { \"Content-Type\": \"application\/json\",<!-- [et_pb_line_break_holder] -->               \"Authorization\": \"~5oFsZ5tCX59#NYCnF#pe2^T^Sn@Tz\"},<!-- [et_pb_line_break_holder] -->      body: JSON.stringify({ messages: messages, text: text })<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!response.ok) throw new Error(\"Erreur du serveur\");<!-- [et_pb_line_break_holder] -->    const data = await response.json();<!-- [et_pb_line_break_holder] -->\t\tconsole.log(data);<!-- [et_pb_line_break_holder] -->    \/\/ Ajoute la r\u00e9ponse du bot<!-- [et_pb_line_break_holder] -->    if (data.response) {<!-- [et_pb_line_break_holder] -->      messages.push({ role: \"assistant\", content: data.response });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Met \u00e0 jour la liste compl\u00e8te (le webhook renvoie aussi les messages)<!-- [et_pb_line_break_holder] -->    if (data.messages) {<!-- [et_pb_line_break_holder] -->      messages = data.messages;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    renderMessages();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  } catch (err) {<!-- [et_pb_line_break_holder] -->    console.error(err);<!-- [et_pb_line_break_holder] -->    alert(\"Erreur lors de l\u2019envoi du message.\");<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->document.getElementById(\"sendBtn\").addEventListener(\"click\", sendMessage);<!-- [et_pb_line_break_holder] -->document.getElementById(\"userInput\").addEventListener(\"keypress\", e => {<!-- [et_pb_line_break_holder] -->  if (e.key === \"Enter\") sendMessage();<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-398","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/pages\/398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":16,"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/pages\/398\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/pages\/398\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/mezino.net\/index.php\/wp-json\/wp\/v2\/media?parent=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}