Comment éviter les flashes
Résolu
chabinot
Messages postés
322
Date d'inscription
Statut
Membre
Dernière intervention
-
chabinot Messages postés 322 Date d'inscription Statut Membre Dernière intervention -
chabinot Messages postés 322 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un script jQuery qui affiche ou cache certains éléments selon tel cas.
Voici le script :
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,
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
- Éviter pub youtube - Accueil - Streaming
- Marques smartphone à éviter - Accueil - Guide téléphones
- Liste des sites internet à éviter - Guide
- Willemse le piege à éviter à tout prix ✓ - Forum Réseau
- Comment installer adobe flash player - Télécharger - Divers Web & Internet
1 réponse
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 :
Cela marche comme je le souhaitais
Merci encore pour votre coopération,
Cordialement,
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,
