bootbox confirm erstellen mit nodejs

[C4non]

Ich habe eine normale confirm meldung und möchte die gerne nun etwas aufhübschen, da bin ich auf die bootbox gestoßen - diese per npm installiert nun ist meiner Schwierigkeit daran das if confirm in ein bootbox umzuwandeln, das es dann auch funktioniert tut. Ich habe einiges ausprobiert aber scheinbar bisher ohne erfolg.

http://bootboxjs.com/examples.html
unten bei confirm box verwendete Code genommen.

Mein Code, aus dem ich nun ein bootbox machen will. Jemand eine Idee?

 

[coolmodi]

Keine Ahnung was das Problem ist, musst halt den nachfolgenden Code in den callback packen. Eine konkrete Frage hast du ja nicht gestellt.

Außerdem bietet sich bei Code im Forum Text eher an als ein Bild, [CODE][/CODE]tags aber nicht vergessen.

 

[C4non]

$('button#btnSave').click(function()
        {
            if(!confirm("Really? All selected employees get locket for one year."))
            {
                return;
            }

Leider habe ich alles versucht den nachfolgenden Code in den callpack zu packen. Aber, es will es nicht so. Das oben wäre mein Beispiel, wie würde das mit einer bootbox aussehen? Ich tu mich gerade irgendwie echt schwer oO

 

[pcBauer]

Das sollte dich der Lösung näher bringen? Brauchst halt einfach n zweiten Callback auf dem confirm selbst, sagt jedenfalls die Doku.

$('button#btnSave').click(function()
{  
    bootbox.confirm("Really? All selected employees get locket for one year.", function(result)
    {
        if(!result)
        {
            return;
        }
        // AJAX-Call hier
    });
});

 

[C4non]

Ich hab das ausprobiert, geht leider nicht.

$('button#btnSave').click(function()
        {
            bootbox.confirm("Really? All selected employees get locket for one year.",function(result)
            {
                if(!result)
                {
                    return;                   
                }

            $.ajax({ ....

npm i bootbox ist schon ausgeführt.

 

[Sparta8]

NPM installiert es dir erstmal nur. Du musst bootbox noch einbinden. Welche(n) Fehler spuckt den die Konsole aus? Die ist dein aller bester Freund.

 

[C4non]

Uncaught SyntaxError: Unexpected end of input

$('button#btnRefresh').click(function() {
          
            bootbox.confirm("Really? This will override the table.", function(result)
            {
                if(!result)
                {
                    return;
            }
            $.ajax({
                method: 'get',
                url: '/newList?' + Date.now()
            }).done(function(response) {
                fillTable(response);
            });
        });

Eingebunden habe ich:
link(rel='stylesheet' href='/bootstrap.css' type='text/css')

 

[Sparta8]

Verwendest du irgendeinen Bundler?

Die Fehlermeldung weist auf einen anderen Fehler hin. Welche Codestelle gibt die Konsole dazu aus? (Also in welcher Zeile)

Ist dein Projekt irgendwo online?

 

[coolmodi]

Da fehlt ja auch ein }). Wenn man es halbwegs normal formatieren würde, dann würde man das auch sofort sehen.

Edit: Da, fällt es auf?

$('button#btnRefresh').click(function() {
       
    bootbox.confirm("Really? This will override the table.", function(result) {
        if(!result) {
            return;
        }
        $.ajax({
            method: 'get',
            url: '/newList?' + Date.now()
        }).done(function(response) {
            fillTable(response);
        });

});

Edit: Und ich habs kurz mal getestet, im Firefox wird dir direkt gesagt wo da ne Klammer fehlt. Chrome ist ja echt immer noch total beschissen was das angeht.

 

[C4non]

Console: bootbox is not defined. Wo ist jetzt mein Fehler?

 link(rel='stylesheet' href='/bootstrap.css' type='text/css')

app.use(express.static(__dirname + '/node_modules/bootstrap/dist/css/'));

$(document).ready(function() {
       
        $.ajax({
            method: 'get',
            url: '/persons?' + Date.now()
        }).done(function(response) {
            fillTable(response);
        });  
      
        $('button#btnRefresh').click(function() {
           
            bootbox.confirm("Really? This will override the table.", function(result){
                if(!result){
                    return;
                }
            })
            $.ajax({
                method: 'get',
                url: '/newList?' + Date.now()
            }).done(function(response) {
                fillTable(response);
            });
        });

 

[coolmodi]

Die bootbox(.min).js ist im HTML eingebunden? Und falls dein code auch in einer eigenen .js sein sollte, auch davor?