JS - perte de la variable apres l'appel d'un modal - JQUERY + FullCalendar

Version imprimable

Bonjour,

J'ai un petit problème, j'utilise FullCalendar, je souhaite remplacer le modal de base :

var title = prompt('Event Title:');

par un modal jquery UI, en revanche je perds la variable title apres la fermeture du modal et rien a faire je ne comprends pas pourquoi,

quelqu'un aurait la solution? (voir la ligne commentée plus bas) Merci d'avance !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
 
var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'today prev,next',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    weekends:false,
    defaultView:'agendaWeek',
    firstDay: 1,
    locale: "fr",
    selectable: true,
    selectHelper: true,
    minTime: '08:00:00',
    maxTime: '20:00:00',
    select: function (start, end, allDay) {
       // OUVERTURE DU MODAL
        $("#dialog").dialog({
           buttons: [{
           text: "OK",
            click: function() {
             var title = $('input[name=title]').val();   
            $( this ).dialog( "close" );
            alert(title); // ICI la variable existe
            }
            }]    
        });
   //VARIABLE DELETE et fin de la fonction
        if (title) {
            calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
 
                    },
                    true // make the event "stick"
                    );
 
            $.ajax({
              url: '{{url("evenements/store")}}', 
              type: 'POST',
              dataType: 'json',
              data: {
                title: title, 
                start: start.format(),
                end: end.format(),
                '_token': $('input[name=_token]').val()
                },
                success: function (res, statut) {
                 if(res.message){  
                 Materialize.toast("<i class='material-icons left green-text'>done</i>"+ res.message, 5000);
                }  
            },           
        });  
        }
        calendar.fullCalendar('unselect');
    },
    editable: true,
    events: [
        @foreach (Auth::user()->planning as $planning)
        {
            title: '{{$planning->title}}',
            start: '{{$planning->start}}',
            end : '{{$planning->end}}',
 
        },
        @endforeach
    ]
 
});

09/02/2017, 11h39
SpaceFrog

ça sent le rechargement de page ...
et la console elle dit quoi ?
09/02/2017, 11h48
realz77

Rien justement pas d'erreurs dans la console ! :(
09/02/2017, 12h48
SpaceFrog

et l'onglet réseau ?

je viens enfin de trouver après avoir cherché toute la nuit!
merci a toi quand même, il fallait mettre tout dans le complete vu que c'ets asynchrone!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  $('#modal1').openModal({
                dismissible: true,
                complete: function() { 
                  title = $('input[name=title]').val();
 
                    if (title) {
                    calendar.fullCalendar('renderEvent',
                            {
                                title: title,
                                start: start,
                                end: end,
 
                            },
                            true // make the event "stick"
                            );
 
                    $.ajax({
                      url: '{{url("evenements/store")}}',  
                      type: 'POST',
                      dataType: 'json',
                      data: {
                        title: title,  
                        start: start.format(),
                        end: end.format(),
                        '_token': $('input[name=_token]').val()
                        },
                        success: function (res, statut) {
                         if(res.message){   
                         Materialize.toast("<i class='material-icons left green-text'>done</i>"+ res.message, 5000);
                        }   
                    },            
                });   
                }
                $('input[name=title]').val('');  
                }    
                });