Accueil > Forum > > > > parcourir les styles définis
parcourir les styles définis
dimanche 15 mai 2005 à 13:31:08 |
parcourir les styles définis

pifou25
|
bonjour ! J'ai créé une feuille de style CSS attaché à toutes les pages de mon site, ça marche bien merci :) Je voudrais retrouver les définitions de ces styles dans les objets dujavascript mais j'arrive pas. Existe-t-il une syntaxe de type For ...in ... pour parcourir tous les styles existants et avoir leurspropriétés? merci
|
|
dimanche 15 mai 2005 à 18:20:40 |
Re : parcourir les styles définis

GhislainLavoie
|
Réponse acceptée !
Salut!
Avec document.styleSheets, il est possible d'extraire tous les feuilles de style sur ta page et leurs propriétés et également de les modifier.
J'ai fait un petit script dernièrement qui permet celà. Ça va te donner une bonne exemple d'utilisation.
<script type="text/javascript"> function changeAttributClass(nomDeLaClass, nomAttribut, valeurAttribut) { if (document.styleSheets && document.styleSheets.length>0) if (document.styleSheets[0].cssRules) rules = "cssRules"; else if (document.styleSheets[0].rules) rules = "rules"; else return; for (var i=0;i<document.styleSheets.length;i++) { cssListe = eval("document.styleSheets[i]."+rules); for (var no=0;no<cssListe.length;no++) if (cssListe[no].selectorText == nomDeLaClass) cssListe[no].style[nomAttribut] = valeurAttribut; } } </script>
A+, Ghislain
|
|
jeudi 16 juin 2005 à 17:27:30 |
Re : parcourir les styles définis

pifou25
|
Merci beaucoup Ghislain, ça me convient parfaitement! Grace à ta boucle je peux faire la liste de tous les styles dans une liste déroulante :
<select name="MonStyle" onchange="javascript:chgstyle(this.value);"> <script type="text/javascript"> if (document.styleSheets && document.styleSheets.length>0) if (document.styleSheets[0].cssRules) rules = "cssRules"; else if (document.styleSheets[0].rules) rules = "rules";
for (var i=0;i<document.styleSheets.length;i++) { cssListe = eval("document.styleSheets[i]."+rules); for (var no=0;no<cssListe.length;no++) document.writeln("<option value=\""+cssListe[no].selectorText+"\">"+cssListe[no].selectorText); } </script></select>
|
|
Cette discussion est classée dans : parcourir, définis, styles
Répondre à ce message
Sujets en rapport avec ce message
appliquer plusieurs styles CSS sur une cellule d'un tableau [ par zizou100679 ]
sur une balise TD je voudrais appliquer plusieurs styles provenant d'une feuille de style. on va appeler cssGras un style qui met la police en gras, c
Parcourir un dossier [ par Milo59 ]
Bjr, je suis en stage et je dois réaliser une arborescence de dossier et de fichier. J'arrive à le faire manuellement mais le pb c'est que un ajout de
Un menu parcourir comme Windows [ par Atorina ]
Bonjour,J'aimerai faire un menu fenetre qui permettrai de parcourir les repertoire et fichier d'un utilisateur (en intranet). Cela me permettai de réc
Parcourir une liste deroulante [ par brandon ]
bonjour, je souhaiterai savoir s'il existe un moyen de saisir LES premieres lettres du mot que l'on souhaite choisir dans une liste deroulante, et non
sélectionner uniquement des fichiers images en cliquant sur un bouton parcourir [ par tenrod ]
Bonjour a tous!Je développe un site et j'ai un bouton parcourir pour sélectionner des images (jpg, bmp...) le pb c ke kan je clic sur cebouton il m'af
Parcourir a la recherche d'un repertoire [ par XyWiL ]
Salut !! Question simple et deja deux jours de galere sans resultat :( Comment je peux a partir d'une page web ouvrir une boite de dialogue me perme
Bouton parcourir [ par Romain128 ]
Bonjour, Etant novice en javascript, je voudrais,svp, connaitre les fonctions du bouton Parcourir... Par exemple, on clique sur le bouton,choisi un f
Récup du chemin avec parcourir [ par kazimod0 ]
Salut Je vousdrais récupérer le chemin d'un fichier sélectionné par . Cela fonctionne bien, mais quand le fichier a une taille importante, le temps de
Parcourir un tableau [ par harris ]
Bonjour , Est ce que quelqu'un connait un moyen pour parcourir un tableau html grace aux fleches haut et bas ?Merci
Parcourir une image [ par richch ]
Je veux faire une fonction avec JavaScript qui sert à filtrer un champ de type file, en fait, je cherche à insérer une image dans une BD, si le fichie
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|