Discussion :

[viny]

Bonjour,

Mon script crée dynamiquement des classes ajoutées ensuite à la balise <style>

Code :

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

1
2
3
var style= '.ma_region_my-container_'+i+':before{content: " ";display: block;position: absolute;width: 100%;height: 100%;z-index: 0;opacity: 1;background-image: url("'+url_photo_std+'");background-repeat: no-repeat;background-position: 50% 50%;-o-background-size: cover;background-size: cover;}';
 
$('head > style').append(style);

Ces classes sont utilisées de façon temporaire et doivent donc être supprimées de la balise <style> car elles alourdissent inutilement la page Html

Je n'arrive pas à supprimer ces classes entre les balises <style>

merci

[danielhagnoul]

Voir :

• CSSStyleSheet.insertRule()
• CSSStyleSheet.deleteRule()

Pour connaître le nombre de sheet (dépends aussi du nombre de "link") : console.log( document.styleSheets );.

Si "head > style" correspond au sheet numéro 1, alors :

Code :

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

1
2
document.styleSheets[1].insertRule( "#blanc { color: white }", 0 );
document.styleSheets[1].deleteRule( 0 );

À noter que document.styleSheets[1].deleteRule( 0 ); efface la première règle dans "head > style".

Il est aussi possible d'utiliser JS pour créer et supprimer du CSS. Exemple :

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
$( function(){
 
  var
    cssApply = { // format Objet JSON
      "color" : "white",
      "background-color" : "blue"
    },
    cssDelete = {
      "color" : "",
      "background-color" : ""
    };
 
  $( "body" ).css( cssApply );
 
  setTimeout( function(){
    $( "body" ).css( cssDelete );
  }, 5000 ); // 5s
 
});

[viny]

Non c'est bon pour tout !

Merci beaucoup

[viny]

Finalement non ...

Il est impossible de supprimer et d'ajouter à la suite ou inversement ça plante.

Je pense comprendre pourquoi... On ajoute des classes qui seront classés par rapport à une valeur d'index or si on en supprime les index sont bouleversés et l'insertion devient impossible.
Bref pas simple...

Code :

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

IndexSizeError: Index or size is negative or greater than the allowed amount

C'est le message d'erreur que j'obtiens quand j'ajoute des classes apres suppression

[NoSmoking]

Bonjour,

Ces classes sont utilisées de façon temporaire et doivent donc être supprimées de la balise <style> car elles alourdissent inutilement la page Html

j'ai du mal à comprendre en quoi elles alourdissent la page HTML !?!

Dans l'utilisation d'une "librairie" CSS il arrive fréquemment que plus de 80% des déclarations ne soient pas utilisés, c'est d'ailleurs un axe d'amélioration possible.

[viny]

Solution trouvée !

merci à danielhagnoul