Discussion :

[Nico_SAS]

Bonjour,
Lors de l'ouverture de ma page html j'ai certains elements qui se cache bien (la classe .step-101').
Selon certain actions ces elements peuvent etre ensuite affiché, le probleme intervient lors du rafraissement (F5) tous mes elements caché apparaissent alors que je voudrais cacher la classe .step-101,

Comment eviter cela. MERCI

ci apres mon js

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
$(document).ready(function () {
 
    $(".atit").button();
    $(".commtit").button();
	initlisting() ;
 
	$( "#menubrd" ).accordion({
	collapsible: true,
	active: false,
	autoHeight: false,
	navigation: true
});
 
    $(".atit").click(function () {
        var id = this.id;
        id2 = id.substring(1);
		initlisting() ;
        $('#' + id2).show();
    });
 
});
 
 function initlisting() {
            $('.step-101').hide();
    }

[getz85]

Excuse-moi, mais je trouve ton problème un peu incompréhensible...

Lorsque tu accèdes pour la première fois à ta page, tes éléments .step-101 sont bien cachés, et lorsque tu rafraichis la page ils ne le sont plus?
Quelles sont les actions que tu fais entre temps qui pourraient expliquer ce comportement?

Pourrais-tu nous construire un fiddle (http://jsfiddle.net/) qui reproduit le problème?

[Nico_SAS]

Excuse-moi, mais je trouve ton problème un peu incompréhensible...

Lorsque tu accèdes pour la première fois à ta page, tes éléments .step-101 sont bien cachés, et lorsque tu rafraichis la page ils ne le sont plus?

Exactement ca....mais entre temps j'ai bien demandé l'affichage de ces éléments, mais qui une fois chargé ne s'efface pas lors du F5.

Quelles sont les actions que tu fais entre temps qui pourraient expliquer ce comportement?

Je clique sur les elements d'un menu qui m'affiche certain element (qui ont la classe tab-101)....c'est cette partie là

Code :

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

1
2
3
4
5
6
$(".atit").click(function () {
        var id = this.id;
        id2 = id.substring(1);
		initlisting() ;
        $('#' + id2).show();
    });

La mes elements s'affiche bien.
Mais pourquoi le F5 ne m'efface pas ma classe tab-101

[getz85]

Mais pourquoi le F5 ne m'efface pas ma classe tab-101

Peut-être parce que tu caches seulement les élements qui ont la classe step-101, et non pas tab-101?

[Nico_SAS]

non j efface bien step-101, tab-101 est une autre classe d'une div contenu dans step-101 mais comme tu vois dans mon js je n'en fait pas allusion.

[Nico_SAS]

j'ai remarqué que avec firefox le pb n'existe pas, lors du rafraissement F5 tout disparait comme je le souhaite, mais sous IE8 (j'ai pas le choix c'est les normes de mon entreprise) ca bug.....Existe t'il une solution, ou bloquer l'acces au refraichissement de ma page ?

Merci

[Invité]

Ceci desactive le cache et résoudra peut être ton problème

Code html :

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

1
2
3
<meta http-equiv='cache-control' content='no-cache'>  
<meta http-equiv='expires' content='0'>  
<meta http-equiv='pragma' content='no-cache'>

[Nico_SAS]

bien essayé mais sans succes ...
un reglage dans IE a apporter peut etre, que ne fais donc ce refresh alors qu'au demmarage mes pages sont nickel.

[danielhagnoul]

Suggestion :

Code :

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

1
2
3
4
$( ".atit" ).on( "click", function(){
    $( "#" + this.id.substring(1) ).show();
    $( ".step-101" ).hide();
});

[Nico_SAS]

pas mieux

ps : j'ai inversé la ligne du show et du hide car l'element a mettre en show est aussi une petite partie du hide

[danielhagnoul]

j'ai inversé la ligne du show et du hide

Justement, l'inversion c'était l'idée de ma suggestion. Mais si tu l'as remis comme avant...

l'element a mettre en show est aussi une petite partie du hide

[Nico_SAS]

j'avais testé avant ta version.
Mon truc etait j'efface tout (la class) puis j affiche l id qui va bien (meme si l'id faisait aussi partir de la classe a cacher)

bref j'ai testé a tout hasard une version recente de jquery UI....et ca fonctionne...donc c'est la version de UI que j'ai là qui bug... mais va faire bougé une boite qui utilise IE8 :p

Merci.