Comment éviter les flashes

Résolu/Fermé

chabinot Messages postés 321 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 22 mars 2024 - 24 sept. 2017 à 11:05
chabinot Messages postés 321 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 22 mars 2024 - 24 sept. 2017 à 14:11

Bonjour,
J'ai un script jQuery qui affiche ou cache certains éléments selon tel cas.
Voici le script :

$(function() {
    today = new Date();
    d = today.getDate();
    m = today.getMonth() + 1;
    y = today.getFullYear();
    d = d < 10 ? '0' + d : d;
    m = m < 10 ? '0' + m : m;
    today = y + m + d;
    dref = y + '0630';
    if (today <= dref) {
        $('#sem2').hide(200);
    } else {
        $('#sem1').hide(200);
    }
    $('#feries').hide(200);
    $('#sema').on("click", function() {
        $('#sem2').hide(200);
        $('#feries').hide(200);
        $('#sem1').show(200);
    });
    $('#semb').on("click", function() {
        $('#sem1').hide(200);
        $('#feries').hide(200);
        $('#sem2').show(200);
    });
    $('#fera').on("click", function() {
        $('#sem1').hide(200);
        $('#sem2').hide(200);
        $('#feries').show(200);
    });
    $('ul.men1 li').on('click', function() {
        $(this).parent().find('li.active').removeClass('active');
        $(this).addClass('active');
    });
});

Quand j'ouvre la page web, il ne peut pas s'empêcher d'ouvrir tout avec un effet de flashe avant d'afficher la page voulue.
J'ai mis un délai court au hide et show, mais en vain.
Si quelqu'un a une idée, je lui serais très reconnaissant.
Je continue à chercher sur internet.

Cordialement,

A voir également:

Comment éviter les flashes
Marques smartphone à éviter - Guide
Comment éviter les déconnexions wifi ? - Guide
Éviter pub youtube - Guide
Willemse le piege à éviter à tout prix - Forum Consommation & Internet
Comment éviter les courriers indésirables - Guide

1 réponse

Réponse 1 / 1

chabinot Messages postés 321 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 22 mars 2024 15
24 sept. 2017 à 14:11

Bonjour à tous,
Finalement, j'ai trouvé, il ne fallait pas utiliser hide et show, mais jouer avec le CSS. Dans le CSS, je mets tout à display: none; et dans le jQuery, je les mets soit à none, soit à block.
Voici le nouveau script :

$(function() {
    today = new Date();
    d = today.getDate();
    m = today.getMonth() + 1;
    y = today.getFullYear();
    d = d < 10 ? '0' + d : d;
    m = m < 10 ? '0' + m : m;
    today = y + m + d;
    dref = y + '0630';
    if (today <= dref) {
        $('#sem1').css("display", "block");
    } else {
        $('#sem2').css("display", "block");
    }
    $('#sema').on("click", function() {
        $('#sem1').css("display", "block");
        $('#sem2').css("display", "none");
        $('#feries').css("display", "none");
    });
    $('#semb').on("click", function() {
        $('#sem1').css("display", "none");
        $('#sem2').css("display", "block");
        $('#feries').css("display", "none");
    });
    $('#fera').on("click", function() {
        $('#sem1').css("display", "none");
        $('#sem2').css("display", "none");
        $('#feries').css("display", "block");
    });
    $('ul.men1 li').on('click', function() {
        $(this).parent().find('li.active').removeClass('active');
        $(this).addClass('active');
    });
});

Cela marche comme je le souhaitais

Merci encore pour votre coopération,
Cordialement,

Discussions similaires

Willemse à éviter

achat sur willemse a tourcoing

FIABILITE MARQUES PC PORTABLE

comment éviter le périphérique parisien ?

Classement des meilleurs marques de portable

Discussions similaires

Newsletters