Bug sur enregistrement code CSS

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23584
Date: 20 Avr 2024 à 14:07
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: Bug sur enregistrement code CSS

Posté par: LVO
Sujet: Bug sur enregistrement code CSS
Posté le: 31 Mar 2019 à 14:03

Avez-vous déjà rencontré ce bug avec les codes CSS: a un moment, la modification ou l'enregistrement des code CSS n'est plus pris en compte. Le code apparaît bien dans "tout le code" mais il n'est pas opérant. Mieux, dans ce cas, une classe créée avant le bug, opérationnelle, cesse de l'être sur les nouveaux éléments de la page ou du calque alors qu'il le reste sur les anciens éléments. Ce bug semble se transmettre des calques en amont sur les calques & pages en aval.

A part recréer tous les calques & pages touchées par le bug, y a t'il un moyen d'éviter que ce bug apparaisse?

C'est une erreur bien sournoise, car je n'ai pas repéré de signe permettant clairement son identification. Le retour en arrière avec une sauvegarde est compliquée à cause des modifications apportées sur d'autres pages.

Réponses:

Posté par: brolysan
Posté le: 31 Mar 2019 à 14:19

Des fois, sans de véritable raison, certaines pages n'enregistrent plus les ajouts de code (surtout sur les pages chargées).
Dès que vous voyez quelque chose comme ça se produire, sauvegardez sur un fichier txt vos codes ajoutés, puis fermez la page voir le projet et réouvrez la page, souvent, le code ajouté n'y est plus.

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie

Posté par: Hobby001
Posté le: 31 Mar 2019 à 14:43

brolysan a écrit:

Des fois, sans de véritable raison, certaines pages n'enregistrent plus les ajouts de code (surtout sur les pages chargées).
Dès que vous voyez quelque chose comme ça se produire, sauvegardez sur un fichier txt vos codes ajoutés, puis fermez la page voir le projet et réouvrez la page, souvent, le code ajouté n'y est plus.

Récupérez alors votre code et ajoutez-le

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: LVO
Posté le: 31 Mar 2019 à 14:47

Exact, des fois c'est l'ancien code, parfois c'est le nouveau. Le plus genant est quand cela ne veut pas repartir, même après fermeture & réouverture du projet.

Posté par: brolysan
Posté le: 31 Mar 2019 à 14:49

peut etre aussi regarder dans Chrome voir s'il y a un souci dans le code, ca peut aider.

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie

Posté par: LVO
Posté le: 31 Mar 2019 à 15:16

Dans le code de Chrome, ou dans mon code affiché dans Chrome?

Posté par: Hobby001
Posté le: 31 Mar 2019 à 15:22

Ouvrez la page en question puis faites F12

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: LVO
Posté le: 31 Mar 2019 à 15:36

Verifier si le code apparait bien dans le navigateur, c'est bien cela?

Mais comment expliquer que le code puisse s'appliquer sur un élément puis cesse de s'appliquer sur un autre?

Posté par: Hobby001
Posté le: 31 Mar 2019 à 17:46

Pour répondre à cela il faut voir ce que vous avez fait.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: LVO
Posté le: 06 Avr 2019 à 18:56

Par exemple, ce code qui suit. applique un fading à certains éléments en fonction du scroll.

La 1ère ligne applique l'effet, sans problème.

Les deux autres masque les éléments SANS FADING.

J'ai tout essayé. scinder le JS et le CSS en 3, écrire le code sur un autre calque, reécrire la page, changer le nom des classes. Rien y fait. Et pourtant le code apparaît clairement dans Chrome avec F12.

C'est à vous rendre complètement frappadingue Angry

JS

$(function(){
$(window).scroll(function(){
   $('.titreN1_page').toggleClass('fade_titre_page', $(window).scrollTop() > 450);
   $('.pict_1').toggleClass('fade_pict1', $(window).scrollTop() > 450);
   $('.pict_2').toggleClass('fade_pict2', $(window).scrollTop() > 450);
});
});

CSS

.titreN1_page {
-webkit-transition: opacity 1.4s ease;
transition: opacity 1.4s ease;
}
.titreN1_page.fade_titre_page {
opacity: 0;
};

.pict1 {
-webkit-transition: opacity 1.5s ease;
transition: opacity 1.5s ease;
}
.pict1.fade_pict1 {
opacity: 0;
};

.pict2 {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.pict2.fade_pict2 {
opacity: 0;
};
< ="moz-extension://92d37cf0-f9dd-42d6-ac57-f68fca636b07/17b26cfa0ddb154890.js">