Bonjour,
je créé une présentation en html (5) et css(3) et jquery
d'un futur logiciel
premiere question: j'utilise l'effets .animate(), juste après j'utilise l'evenement .text() avec un .delay() situé juste avant, seulement le delay n'est pas pris en compte
pourquoi ?
la dernière ligne s'effectue au même moment que le click sans tenir compte du delay ,alors que le delay de l'animation est bien réalisé.
voici mon code:
deuxieme question:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 $('#goto-constitution').click(function(){ $('#validation, #gestion, #edition').fadeOut(700); $('#constitution').delay(1200).animate({width:'800px'}); $('.lien-goto').delay(3200).text('Sommaire des Outils').css({'font-size':'14px'}); });
je souhaite réalisé une suite d'évènement en effectuant une condition:
Si ma div est de largeur 800 ,
je veux que les div 2,3,4 disparaissent
je veux que les div 1,2,3,4 reprenne une largeur de 188px
je veux que les div 2,3,4 adopte une marge par la gauche de 5px
je veux que les div (bloc,1,2,3,4) apparaissent
je n'arrive pas à réaliser une condition en utilisant if et le selector (.is())
(peut en utilisant autre chose que .is() ?) et peut-être n'ai je pas compris l'utilisation de ce selector, un peu d'aide ?
voici mon code:
Pourriez-vous m'aider a réaliser un script qui correspond au code ci-dessus qui ne marche pas ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 var $larg = $('#constitution').width() == 800); if($('#constitution').is($larg)){ $('.lien-goto').click(function(){ $('#caracteristique,#validation, #gestion, #edition, #constitution').fadeOut(700); $('#validation, #gestion, #edition, #constitution').css({width:'188px'}); $('#validation, #gestion, #edition').css({marginLeft:'5px'}); $('#caracteristique, #constitution,#validation, #gestion, #edition, ').delay(500).fadeIn(700); }); }
par avance je vous remercie pour vos conseils et réponses
Partager