Variable globale qui ne fonctionne pas

**alaninho** · 19/03/2015, 08h53

Bonjour à tous,

j'ai un petit problème dans mon code javascript car les variables globales ne fonctionnent pas. Avant que je ne change le code, les variables fonctionnaient très bien mais depuis les modifs, elle ne fonctionnent plus!!!

Voici le code:

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
 
var lasturl="";
var lastsoft="";
var bool=0;
$(document).ready(function(){
     checkURL();
});
 
function checkURL()
{
    console.log("checkurl : "+bool);
    var parametre=window.location.search.substring(1);
    var urlcurrent = window.location.href;
    console.log("lasturl : "+lasturl);
    console.log("urlcurrent : "+urlcurrent);
    if( urlcurrent != lasturl)
    {
        lasturl=urlcurrent;
        if(parametre==""){
            loadPageHome();
            $('#style_theme').remove();
        }
        else{
            loadPage(parametre);
            $('#logos').remove();
        }
    }
 
}
function loadPage(parametre){
    console.log("loadPage : "+bool);
    var tab = parametre.split("&");
 
    if(tab.length==1){
        var tab_2 = tab[0].split("=");
        if(tab_2[0]=="theme"){
            loadPageTheme(tab_2[1]);
        }else{
            loadPageSoftware(tab_2[1], "");
        }
    }
    else if(tab.length==2){
        var tab_soft = tab[0].split("=");
        var soft=tab_soft[1];
        var tab_onglet = tab[1].split("=");
        var onglet = tab_onglet[1];
        loadPageSoftware(soft, onglet);
    }
    else{
        var tab_soft = tab[0].split("=");
        var soft=tab_soft[1];
        var tab_onglet = tab[1].split("=");
        var onglet = tab_onglet[1];
        var tab_id = tab[1].split("=");
        var id = tab_id[1];
        //loadPageSoftware(soft,onglet);                                                                                                                                          
    }
}
function loadPageSoftware(name_soft, onglet){
    console.log("début loadPageSoft : "+bool);
    if(bool==1 && name_soft==lastsoft ){
        $("#menu_left").css("display","none");
        $("#link_menu").css("display","inline-block");
        $("#main").css("margin-left", "100px");
        $("#menu_left").css("position", "absolute");
    }
    else{
        if(name_soft!=lastsoft){
            lastsoft=name_soft;
            bool=0;
            $("#main").css("margin-left", "30px");
            $("#menu_left").css("position", "relative");
            $("#menu_left").css("display","inline-block");
            $("#link_menu").css("display","none");
        }
        bool+=1
    }
    var name_maj=name_soft.toUpperCase();
    if(onglet==""){
        var url_soft="/"+name_soft+"/"+name_soft+".php";
    }else{
        var url_soft="/"+name_soft+"/"+onglet+".php";
    }
    $("#main").load(url_soft);
}

Les variables bool, lasturl et lastsoft ne fonctionnent pas.

Quelqu'un peut m'aider ?

Merci

Alaninho

**SpaceFrog** · 19/03/2015, 09h14

Ton souci est ailleurs...
http://fiddle.jshell.net/16tgj9o8/

Les variables globales fonctionnent !

**alaninho** · 19/03/2015, 09h24

Elles s'affichent bien, je pense que je ne me suis pas bien exprimés en faite.

Par exemple pour var bool, elle ne s'incrémente pas.

J'aimerai la mettre soit à un soit à 0. Si on est sur la même page, elle est 1 et si on change elle est 0 par exemple.

Le problème c'est qu'elle redevient à 0 tout le tps.

**SpaceFrog** · 19/03/2015, 10h23

Javascript ne survit pas à un changement de page !!!!

Globale veut dire accessible depuis n'importe ou dans le script ... pas sur toutes les pages
Ce ne sont pas des variables de session ... ça n'existe pas en js

Soit tu passe par les varaibels de session sur le serveur pour conserver les données et les repasser à la page suivante,
soit tu utilises les possibilités de sauvegardes de données client qui sont les cookies ou le localStorage .

**alaninho** · 19/03/2015, 10h36

Même quand le javascript est chargé une seule fois ?

Car, j'utilise Ajax, donc la page ne change pas, il y a juste une partie de la page qui change. Le javascript n'est donc pas recharger ?

En attendant, je vais regarder du coté de tes solutions.

Merci.

**SpaceFrog** · 19/03/2015, 10h45

Si tu ne recharge la page que partiellement avec ajax, alors javascript persiste, et, les variables sont conservées.
Si tu n'as pas le bon résultat, c'est qu'elle sont modifiées par javascript

**alaninho** · 19/03/2015, 10h53

Est ce que c'est normal que quand je clique sur un lien qui permet de charger juste une partie de la page, le $(document).ready() est relancer ?
C'est peut être ça le problème non ?

**SpaceFrog** · 19/03/2015, 11h10

tu n'as pas inhibé le href du lien ...

**alaninho** · 19/03/2015, 11h18

C'est à dire ?

**SpaceFrog** · 19/03/2015, 11h35

un lien = balise a => rechargement de page
montre ton code html de la balise a et le code js associé ..
il faut un return false ou preventDefault poru empecher que le href ne soit lancé

**alaninho** · 19/03/2015, 11h43

J'ai mis la partie qui m'intéresse poru liens.

Code html :

Code html :

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
<ul id="menu">
         <li class="onglet" id="home">
            <a href="?soft=test" class="mc">home</a>
         </li>
         <li class="onglet" id="web_server">
            <a href="?soft=test&onglet=form" class="mc">web server</a>
         </li>
         <li class="onglet" id="help">
             <a href="?soft=test&onglet=help" class="mc">help</a>
         </li>
         <li class="onglet" id="examples">
             <a href="?soft=test&onglet=examples" class="mc">examples</a>
         </li>
         <li class="onglet" id="id">
             <a href="?soft=test&onglet=id" class="mc">ID</a>
         </li>
</ul>

code javascript, c'est le même que tout à l'heure.

Merci de ton aide!!!

**SpaceFrog** · 19/03/2015, 12h47

je ne vois nulle part la gestion des click sur tes onglets ??

**alaninho** · 19/03/2015, 12h59

j'en ai pas, la fonction checkURL est appelée lors du $(document).ready(). C'est elle qui charge la page.

C'est pas bon ?

**SpaceFrog** · 19/03/2015, 13h06

...
et comment penses tu recharger partiellement des bouts de pages selon les clicks sur le liens ?

**alaninho** · 19/03/2015, 13h12

Avec le traitement qui est fait dans loadPageSoftware par Exemple.

Je pense que ce n'est pas bon du coup.

Comment je peux faire alors ?

Peux-tu me donnez un exemple stp ?

**alaninho** · 20/03/2015, 09h12

J'ai bien compris ce que tu voulais dire pour le onclick, et en effet, c'est moi qui a mal codé.

Le problème, c'est que quand j'utilise onclick(), je dois quand même changer l'url sans recharger la page.

Mon problème, c'est que la navigation doit marcher sur des navigateurs qui n'utilisent pas HTML5, par exemple IE6.

Est ce que tu as une idée de comment changer l'url sans recharger la page sur IE6 ?

Car, pour les autres navigateurs il y a history.pushstate().

**Bovino** · 20/03/2015, 09h27

IE 6 ?

Quelle drôle d'idée... Et surtout, qu'est-ce qui peut te faire croire qu'un navigateur obsolète te permettra de faire les mêmes choses qu'un navigateur moderne ?