abracadabra

 

Exploration : styleSheetst[i] --> cssRules[j] --> style  --> etc. 

Nombre de styleSheets dans le document :

Le nombre de cssRules pour chaque styleSheet :



Détecter la valeur d'un champ et la mettre dans une variable

Entrer un index de styleSheets[ ] (ex. : "0")  
Entrer le sélecteur cherché (ex. : "#sidebar") :

 


 

 

 

Améliorations possibles :

• Le "submit" du bouton envoie des données dans le grand textarea
pour faire mieux : mettre à jour directement le div (manipulation du DOM), ce qui permettrait une typographie (gras, italique, couleur etc.) impossible dans un textarea.

• Parcourir tous les styleSheets[i] pour trouver dans lesquels il y a un sélecteur (par ex. #sidebar, #quelstyle) donné. Bien entendu, conserver un grand textarea pour afficher l'ensemble des règles d'un styleSheet.

• Tester l'index de styleSheets[ ] entré. Il doit être (limites comprises) entre 0 et styleSheets.length - 1

Une astuce à exploiter


pour "donner un nom" à un style (style dans le modèle, dans un contenu Viabloga, dans une feuille de style externe ou importée). Puisque donner un attribut "title" à un style n'est pas la solution pour "donner un nom" à un style.

Déclarer un élément fictif  #quelstyle dans chaque style
Donner une couleur rgb
Puis traiter le "numéro de couleur" comme si c'était le "nom" donné au style.
Par commodité aura attribué des "numéros de couleur"  : (0,0,1), (0,0,2), (n1,n2,n3) etc., avec  "n" entre 0 et 255. Le "numéro de couleur" du style est complètement indépendant de l'ordre dans lequel les styles sont appelés par le modèle, le contenu ...  Veiller seulement à ce que ce "numéro de couleur" soit unique.

Exemple de déclaration de #quelstyle pour un style "numéro 5" :

#quelstyle {
color:rgb(0,0,5);
}


Il n'y a plus qu'à écrire les briques du traitement ...
• construire un tableau javascript associant styleSheets[i] avec le "numéro de couleur" du #quelstyle concerné
• etc. ...

Notes diverses

Encore une bizarrerie de l'éditeur de texte ...
il remplace
<form name="grandTextarea">
par
<form name="grandtextarea">
causant ainsi des erreurs "idiotes", et obligeant à un code grandtextarea moins lisible que grandTextarea

 

 

Archives par mois