Discussion :

[green29]

Bonjour,

Dans la première fonction de mon script, ca bloque à la ligne suivante:

$(window).trigger('resize');

Sauriez vous d'ou vient le soucis?

Cordialement,



ps: Voici mon script javascript complet.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
function triggerChartsResize(){
	debugger;
    try {
        if (window.onresize){
            window.onresize();
        }
    } catch (e){
        //just swallow it
    }
    $(window).trigger('resize');
}
 
$(function(){
    //settings
    var $settings = $("#settings"),
        $sidebarSettings = $("#sidebar-settings"),
        settingsState = JSON.parse(localStorage.getItem("settings-intranet")) || {
            sidebar: 'left',
            background: 'dark',
            sidebarState: 'auto',
            displaySidebar: true
        },
        $pageHeader = $(".page-header"),
        $body = $("body"),
        popoverClose = function(e){
            var $popover = $settings.siblings(".popover");
            if(!$.contains($popover[0], e.target)){
                $settings.popover('hide');
                $(document).off("click", popoverClose);
            }
        },
        sidebarSide = function(side){
            if (side == "right"){
                $body.addClass("sidebar-on-right")
            } else {
                $body.removeClass("sidebar-on-right")
            }
        },
        backgroundStyle = function(style){
            if (style == "dark"){
                $body.addClass("background-dark");
            } else {
                $body.removeClass("background-dark");
            }
        },
        sidebarState = function(state, triggerResize){
        	var $template = $('#sidebar-settings-template');
            triggerResize = triggerResize == undefined ? true : false;
            if (!$template[0]){
                return;
            }
            $sidebarSettings.html(_.template($template.html(), {sidebarState: state}));
            if (state == "auto"){
                $(".sidebar, .side-nav, .wrap, .logo").removeClass("sidebar-icons");
            } else {
                $(".sidebar, .side-nav, .wrap, .logo").addClass("sidebar-icons");
            }
 
            if (triggerResize){
                triggerChartsResize();
            }
        },
        displaySidebar = function(display, triggerResize){
            triggerResize = triggerResize == undefined ? true : false;
            if (display == true){
                $body.removeClass("sidebar-hidden")
            } else {
                $body.addClass("sidebar-hidden")
            }
            if (triggerResize){
                triggerChartsResize();
            }
        };
    sidebarSide(settingsState.sidebar);
    backgroundStyle(settingsState.background);
    sidebarState(settingsState.sidebarState, false);
    displaySidebar(settingsState.displaySidebar, false);
 
    if (!$settings[0]){
        return;
    }
 
    $settings.popover({
        template: '<div class="popover settings-popover">' +
            '<div class="arrow"></div>' +
            '<div class="popover-inner">' +
            '<div class="popover-content"></div>' +
            '</div>' +
            '</div>',
        html: true,
        animation: false,
        placement: 'bottom',
        content: function(){
            return _.template($('#settings-template').html(), settingsState);
        }
    }).click(function(e){
            //close all open dropdowns
            $('.page-header .dropdown.open .dropdown-toggle').dropdown('toggle');
            // need to remove popover on anywhere-click
            $(document).on("click", popoverClose);
            $(this).focus();
            return false;
        });
 
    $(".page-header .dropdown-toggle").click(function(){
        $settings.popover('hide');
        $(document).off("click", popoverClose);
    });
    //sidevar left/right
    $pageHeader.on("click", ".popover #sidebar-toggle .btn", function(){
        var $this = $(this),
            side = $this.data("value");
        sidebarSide(side);
        settingsState.sidebar = side;
        localStorage.setItem("settings-intranet", JSON.stringify(settingsState));
    });
 
    //background
    $pageHeader.on("click", ".popover #background-toggle .btn", function(){
        var $this = $(this),
            style = $this.data("value");
        backgroundStyle(style);
        settingsState.background = style;
        localStorage.setItem("settings-intranet", JSON.stringify(settingsState));
    });
 
    //sidebar visibility
    $pageHeader.on("click", ".popover #display-sidebar-toggle .btn", function(){
    	var $this = $(this),
            display = $this.data("value");
        displaySidebar(display);
        alert('test3');
        settingsState.displaySidebar = display;
        localStorage.setItem("settings-intranet", JSON.stringify(settingsState));
    });
 
    //sidebar state {active, icons}
    $sidebarSettings.on("click", ".btn", function(){
    	var $this = $(this),
            state = $this.data("value");
    	sidebarState(state);
    	alert('test4');
        settingsState.sidebarState = state;
        localStorage.setItem("settings-intranet", JSON.stringify(settingsState));
    });
 
    //close navigation if sidebar in icons state
    if (($("#sidebar").is(".sidebar-icons") || $(window).width() < 1049) && $(window).width() > 767){
        var $activeAccordion = $("#side-nav").find("> .accordion-group.active");
        $activeAccordion.find(".accordion-toggle").addClass("collapsed");
        $activeAccordion.find(".accordion-body.collapse").removeClass("in");
    }
});

Par exemple pour la partie de code sous le commentaire "//sidebar state {active, icons}", ca ne m'affiche pas la alert('test4') que si je met en commentaire la ligne cité en titre tu topic.

[NoSmoking]

Bonjour,
faire un trigger pour un resize sans que l'événement soit géré dans ton code reste surprenant.

.resize()

[green29]

Le script n'est pas de moi.

Il était fournit avec le template suivant:
http://wrapbootstrap.com/preview/WB0T41TX4

Le script gère l'enregistrement des options lorsqu'on les change (le petit bouton réglage en haut à droite).

Un peu la mort d'avoir payé pour un template qui est buggé.
Heureusement qu'il n'était pas cher.



Pouvez vous me dire ce qu'est censé faire la fonction suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function triggerChartsResize(){
	debugger;
    try {
        if (window.onresize){
            window.onresize();
        }
    } catch (e){
        //just swallow it
    }
    $(window).trigger('resize');
}

A priori ca gère le redimmensionnement de je ne sais quoi pour les graphiques, mais je ne sais pas quoi.

[NoSmoking]

Le script n'est pas de moi.

Il était fournit avec le template suivant:
http://wrapbootstrap.com/preview/WB0T41TX4

Effectivement, remis dans le contexte

A priori ca gère le redimmensionnement de je ne sais quoi pour les graphiques

effectivement, cela exécute les fonctions qui ont été éventuellement mise dans le window.onresize, voir fichier nv.d3.custom.js (ligne 284), puis visiblement celle définies dans un $(window).resize(function(){...});.