Jump to content

CEF not properly working.


Recommended Posts

Hi there,

I am having a bit of trouble with making a faction through a CEF system, I have followed several tutorials also how to debug the CEF but it didn't work till now so I decided to post it here :)

In the client_package folder I have: 

var openedConsole = false;
let loginBrowser;

let displayFactionDialoge = (player_ID) => {
  loginBrowser = mp.browsers.new("package://faction/createfaction.html");
  mp.gui.cursor.show(true, true);
  openedConsole = true;

mp.events.add("SendFactionCreateData", (user, pass, state) => {
    mp.gui.chat.push("SendFactionCreateData - has been activated");
    mp.events.callRemote("sendFactionDataToCreateServer", user, pass, state);

mp.keys.bind(0x1B, true, function() {
    if (openedConsole) {
      mp.gui.cursor.show(false, false);

mp.events.add('ShowFactionCreate', displayFactionDialoge);

Which is included in the index.js which is in the same folder, then I got a folder with faction where this is .html is located:



<!DOCTYPE html>
        <link rel="stylesheet" type="text/css" href="assets/css/style.css">
        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

        <script src="assets/js/jquery-3.2.1.js"></script>
        <script src="assets/js/popper.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <div class="container">
            <div class="card">
                <div class="card-body">
                    <h1 class="text-center">Create Faction</h1>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="factionCreate" role="tabpanel">
                            <div class="input-group mb-3">
                                <input type="text" class="form-control" id="factionName" placeholder="Faction name">
                            <div class="input-group mb-3">
                              <input type="text" class="form-control" id="factionType" placeholder="Faction type">
                            <button type="button" class="btn btn-primary btn-lg btn-block" id="confirmButton" onclick="sendFactionData();">Create</button>
        <script src="assets/js/main.js"></script>


Then I got an assets folder where my css and js are and for this occasion we only need the main.js file which is in the folder of javascript:


mp.gui.chat.push("Main.js called");

function sendFactionData() {
    mp.gui.chat.push("SendFactionData - completed");
    mp.trigger('SendFactionCreateData', $('#factionName').val(), $('#factionType').val());
$('#confirmButton').click(function() => {
    mp.gui.chat.push("Login succedsadasdasssful");
    mp.trigger('SendFactionCreateData', $('#factionName').val(), $('#factionType').val());


Now the issue is that the website will pop-up but when I fill in the information and press the create button it doens't do anything, I also tried to debug the main.js as you can see but that wasn't even executed so I am kinda wondering how this is possible.

Thanks in advance!

PS: I don't think it's needed because it isn't even being called to the main.js I believe but here is the server-side file factions.js:


mp.events.add("sendFactionDataToCreateServer", (player, factionName, factionType, state) => {
  gm.mysql.handle.query('INSERT INTO `factions` SET factionName = ?, factionType = ?', [factionName, factionType], function(err, res){
          console.log(` Faction ${factionName} has just been made.`);
      } else {
          console.log("\x1b[31m[ERROR] " + err)





Edited by Remco1337
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...