CEF Подключение

nikola22 · 29 Янв 2025

Здравствуйте, ребят помогите пожалуйста с подключением cef диалогов, нечего не понимаю почему не подключается, подключал как худ через cef.on и cef.event

Вот код JS

JavaScript:

var dialogId = -1, dialog_type = 0, response = 1, listitem = 0, inputtext = "None", max_listitem = 0;
// create_dialog(0, 5, "{FF9945}Авторизация", "название задания\tстатус выполнения\n{3399FF}1. Пора подзаработать\t{F04245}%s\n{FFCC99}2. Без связи никуда\t%s\n3. Тяжелая работа\t%s\n4. Высокие деревья\t%s\n5. Первый транспорт\t\t%s\n6. Новая мода\t\t%s\n7. Перестань скучать\t\t%s\n8. Здравствуй, коллеги\t\t%s", "Выбрать", "Закрыть");
function update_color_list(list) {
if(dialog_type === 2) {
let dialog_item = document.querySelectorAll('.dialogItem');
dialog_item.forEach( e => e.className = "dialogItem" );
for(var i = 0; i < document.getElementsByTagName("span").length; i++) {
document.getElementsByTagName("span").className = "hover";
}

document.getElementsByClassName("dialogItem")
.className = "dialogItem white_back";
for( var i = 0; i < document.getElementsByClassName("dialogItem")
.children.length; i++) {
document.getElementsByClassName("dialogItem")
.children.className = "hover active_text";
}

listitem = document.getElementsByClassName("dialogItem")
.getAttribute("data-value");
}
else {
let dialog_item = document.querySelectorAll('.dialogItem');
dialog_item.forEach( e => e.className = "dialogItem tablist_headers" );
for(var i = 0; i < document.getElementsByTagName("span").length; i++) {
document.getElementsByTagName("span").className = "hover";
}

document.getElementsByClassName("dialogItem")
.className = "dialogItem tablist_headers white_back";
for( var i = 0; i < document.getElementsByClassName("dialogItem")
.children.length; i++) {
// document.getElementsByClassName("dialogItem")
.children.className = "dialogItemHeader";
// console.log(document.getElementsByClassName("dialogItem")
.children);
var child = document.getElementsByClassName("dialogItem")
.children;

// console.log(child.children.length);

for( var j = 0; j < child.children.length; j++) {
// console.log(child.children[j]);
child.children[j].className = "active_text";
}
}

listitem = document.getElementsByClassName("dialogItem")
.getAttribute("data-value");
}
}
window.onclick = function (event) {
if(dialogId != -1) {
if(event.target.parentNode.id === "dialogItem") {
listitem = event.target.parentNode.getAttribute("data-value");
callcack_dialog_response();
}
if(event.target.id === "dialogItem") {
if(listitem === event.target.getAttribute("data-value")) {
// callcack_dialog_response();
return ;
}

listitem = event.target.getAttribute("data-value");
update_color_list(listitem);
callcack_dialog_response();
}
}
};
window.addEventListener("keyup", (event) => {
if(dialogId != -1) {
if(event.keyCode === 27) {
response = 0;
callcack_dialog_response();
}
if(event.keyCode === 13) {
response = 1;
callcack_dialog_response();
}
if(dialog_type === 2 || dialog_type === 5) {
if(event.keyCode === 40) {
if(max_listitem === document.getElementsByClassName("dialogItem")[listitem].getAttribute("data-value")) return ;
listitem++;
update_color_list(listitem);
}
if(event.keyCode === 38) {
if(listitem === document.getElementsByClassName("dialogItem")[0].getAttribute("data-value")) return ;
listitem --;
update_color_list(listitem);
}
}
}
});
// create_dialog(1, 3, `{FFFFFF}Авторизация`, ``, `Далее`, `Выйти`);
function create_dialog(dialog_id, dialogType, dialogHeader, dialogText, button_1, button_2) {
// dialogText = "2. {3399ff}Персональные настройки\nОтображение ников\nВключено\n3. {FF6347}Дополнительные услуги\nДа ты нахуй кто такой\n";
dialogId = dialog_id, response = 1, listitem = 0, inputtext = "", dialog_type = dialogType;
if(dialogType === 0 || dialogType === 1 || dialogType === 3) {
dialogText = dialogText.replace(/[\n]/g, "<br />");
}
var replacedColors = dialogText.replace(/\{(\w{3}|\w{6})\}[^{}]*/gi, (textWithColor) => {
return textWithColor.replace(/{\w*\}/, (colorInBrackets) => {
return `<span class="hover" style='--i: #${colorInBrackets.slice(1, -1).toLowerCase()}; --g: #${colorInBrackets.slice(1, -1).toLowerCase()};'>`
}) + '</span>';
});
var header = dialogHeader.replace(/\{(\w{3}|\w{6})\}[^{}]*/gi, (textWithColor) => {
return textWithColor.replace(/{\w*\}/, (colorInBrackets) => {
return `<span class="hover" style='--i: #${colorInBrackets.slice(1, -1).toLowerCase()};'>`
}) + '</span>';
});
var element = document.getElementById("dialog_container");
if(element) { element.remove(); }
var body = document.getElementsByTagName("body")[0];
var dialog_container = document.createElement('div');
dialog_container.id = "dialog_container";
body.append(dialog_container);
var dialog_header = document.createElement('div');
dialog_header.innerHTML = header;
dialog_header.className = "dialogHeader";
dialog_container.append(dialog_header);
if(dialogType === 0 || dialogType === 1 || dialogType === 3) {
var dialog_text = document.createElement('div');
dialog_text.innerHTML = replacedColors;
dialog_text.className = "dialogText";
dialog_container.append(dialog_text);
if(dialogType === 1 || dialogType === 3) {
var input = document.createElement('input');
input.placeholder = "Введите текст в это поле";
input.id = "dialogInput";
input.className = "dialog_input";
input.setAttribute("autofocus", "autofocus");
// document.getElementById('dialog_input').select();
if(dialogType == 3) { input.setAttribute("type", "password"); }
dialog_container.append(input);

input.select();
}
}
var dialog_text = document.createElement('div');
dialog_text.className = "dialogText";
dialog_container.append(dialog_text);
if(dialogType === 2) {
var tabulations_delete = replacedColors.replace(/[\t]/, "");
var lists = tabulations_delete.split(/[\n]/);
for(var i = 0; i < lists.length; i ++) {
if(lists.length === 0) continue;
else if (lists === "</span>") continue;
var dialog_item = document.createElement("div");
dialog_item.innerHTML = `${lists}`;
dialog_item.id = "dialogItem";
dialog_item.setAttribute("data-value", i);
if(i === 0) {
dialog_item.className = "dialogItem white_back";
for(var j = 0; j < dialog_item.children.length; j++) {
dialog_item.children[j].style = "color: --i: #fff;";
}
}
else dialog_item.className = "dialogItem";
dialog_text.append(dialog_item);
max_listitem = dialog_item.getAttribute("data-value");
}
listitem = document.getElementsByClassName("dialogItem")[0].getAttribute("data-value");
}
if(dialogType === 5) {
// var replaceToDIVs = (d) => {
// return d.split("\w").map((s) => `<div class="dialogText">${s}</div>`).join("");
// }
var replaceToDIV = (string) => {
return string.split("\t").map((s) => `<div class="dialogItemHeader">${s}</div>`).join("");
}
var lists = replacedColors.split(/[\n]/);
for(var i = 0; i < lists.length; i ++) {
if(lists.length === 0) continue;
else if (lists === "</span>") continue;
var set_tabulation = replaceToDIV(lists);
let count = lists.split("\t").length;
if ( i == 0 ) {
var dialogTablist = document.createElement('div');
dialogTablist.className = "styleDialogTablist tablist_headers";
dialogTablist.innerHTML = `${set_tabulation}`;
dialog_text.append(dialogTablist);
continue;
}
var dialog_item = document.createElement('div');
if(count === 1) dialog_item.innerHTML = `${lists}`;
else dialog_item.innerHTML = `${set_tabulation}`;
dialog_item.id = "dialogItem";
dialog_item.setAttribute("data-value", i - 1);

if(i == 1) {
if(count === 1) dialog_item.className = "dialogItem";
else dialog_item.className = "dialogItem tablist_headers white_back";
}
else {
if(count === 1) dialog_item.className = "dialogItem";
else dialog_item.className = "dialogItem tablist_headers";
}

if(lists.length === 1) { dialog_item.className = "dialogItem tablist_headers noback"; }
dialog_text.append(dialog_item);
max_listitem = dialog_item.getAttribute("data-value");
}
listitem = document.getElementsByClassName("dialogItem")[0].getAttribute("data-value");
update_color_list(0);
}
var buttons = document.createElement('div');
buttons.className = "buttons";
dialog_container.append(buttons);
var btn_1 = document.createElement('div');
btn_1.innerText = button_1;
btn_1.className = "clickBtn";
buttons.append(btn_1);

btn_1.onclick = function () { response = 1; callcack_dialog_response(); };
if(button_2 != "") {
var btn_2 = document.createElement('div');
btn_2.innerText = button_2;
btn_2.className = "clickBtn red_btn";
btn_2.onclick = function () { response = 0; callcack_dialog_response(); };
buttons.append(btn_2);
}
}
function callcack_dialog_response() {
cef.set_focus(false);
if(dialog_type === 1 || dialog_type === 3) {
var text = document.getElementById("dialogInput").value;
inputtext = `${text}`;
}
cef.emit("callback_dialog_response", dialogId, response, listitem, inputtext);
dialogId = 0;
var element = document.getElementById("dialog_container");
element.remove();
}
cef.on("ShowPlayerDialog", (dId, dType, dHeader, dText, dButton1, dButton2) => {
create_dialog(dId, dType, dHeader, dText, dButton1, dButton2);
cef.set_focus(true);
});

Pautov · 29 Янв 2025

Что в логах пишет либо в ошибках?

nikola22 · 29 Янв 2025

Pautov написал(а):
Что в логах пишет либо в ошибках?

Вот именно что нечего отдает значение что и нечего не пишет, но окно не открывается

LIVE SAMP

CEF Подключение

Добро пожаловать!

nikola22

Pautov

nikola22