[JAVASCRIPT-DOM] propriété classe CSS

sixland, le mercredi 22 juin 2005 à 12:31:53

bonjour,
je dois recuperer la propriété de style d'un élément html, cette propriété est contenue dans une feuille de style .css qui est contenu dans une classe css.

si la propriété est declarée dans la balise avec l'attribut 'style' je sais la recuperer mais qd c'est dans une class je n'y arrive pas

en fait j'utilise un

...
alert (document.getElementById('truc').style.height);
...

sixland

Répondre à sixland Signaler ce message aux modérateurs Aller au dernier message

6Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

HackTrack, le vendredi 24 juin 2005 à 13:42:54

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Accès aux valeurs CSS avec Javascript</title>

	<link rel="stylesheet" type="text/css" href="testCss.css" />
	<script language="javascript" type="text/javascript">
	function testCss(tagRef,element){
	  alert("L'attribut '"+element+"' du tag '"+tagRef+"' a la valeur '"+getCssValue(tagRef,element)+"'");				 
	}
			
	function getCssValue(tagRef,element) {
	  var tag = document.all(tagRef);
	  var value= tag.style[element];
	  if(value==null || value=='' || value=='undefined'){
	    var aClass = tag.className;
	    var cssRules = 'rules';
	    for (var sSheet=0; sSheet < document.styleSheets.length; sSheet++){
	      for (var rule=0; rule < document.styleSheets[sSheet][cssRules].length; rule++) {
		    var currentClass = document.styleSheets[sSheet][cssRules][rule].selectorText.substring(1);
	        if (currentClass == aClass) {
	          return document.styleSheets[sSheet][cssRules][rule].style[element];
	        }
	      }
	    }
	  }
	  return  value;
	}			
	</script>
</head>

<body>
	<span id="truc1" style="color: blue;">
	  	   Div de test 1
	</span>
	<br/>
	<span id="truc2" class="myClass">
	  	   Div de test 2
	</span>
	<br/>
	<button onclick="testCss('truc1','color');testCss('truc2','color');">Cliquer pour tester</button>
</body>
</html>

;-)
HackTrack

Répondre à HackTrack

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

sixland, le dimanche 26 juin 2005 à 19:58:27

merci c'est juste ce qu'il me fallait sixland

Répondre à sixland

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

survivor, le lundi 2 juin 2008 à 15:26:20

Génial plusieurs heures que je cherchais comment modifier la classe d'une div, className n'étant pas référencé dans dreamweaver.

Répondre à survivor

Posez votre question Répondre

Résultats pour [JAVASCRIPT DOM] propriété classe CSS

L'AJAX pour tous par Google Pour ceux qui auraient la tête dans le sable depuis plusieurs mois, AJAX est la technologie à la mode. Ce n'est rien de plus qu'une combinaison de technologies existantes depuis plusieurs années (HTML+CSS+Javascript+DOM+XmlHttpRequest), mais elle... www.commentcamarche.net/actualites/l-ajax-pour-tous-par-google-2237409-actualite.php3

Effets pour vos images Au gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus... www.commentcamarche.net/faq/sujet-9314-effets-pour-vos-images

Top 10 des spams de l'année 2007 (Paris - Relax news) - L'éditeur de solutions de sécurité BitDefender a dévoilé mercredi le top 10 des malwares et des spams de l'année 2007. Le spam boursier domine le classement des courriers indésirables les plus fréquents de l'année. Il devance... www.commentcamarche.net/actualites/top-10-des-spams-de-l-annee-2007-4297598-actualite.php3

Réponses suivantes

Résultats pour [JAVASCRIPT DOM] propriété classe CSS

Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html

Javascript - Connaître la hauteur d'un élément HTMLSi vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML... www.commentcamarche.net/faq/sujet-11739-javascript-connaitre-la-hauteur-d-un-element-html

[Javascript] Date de dernière modification de la pageIl est possible, en langage Javascript, d'afficher la date de dernière modification de la page Web grâce à la propriété lastModified de l'objet document : www.commentcamarche.net/faq/sujet-883-javascript-date-de-derniere-modification-de-la-page

Réponses suivantes

Résultats pour [JAVASCRIPT DOM] propriété classe CSS

Un include qui n'inclus pas ! (Résolu)bonjour Voilà, j'ai trouvé un petit livre d'or, classique, mais sympa et facile à gérer . Il fonctionne impact: http://www.unesourisetmoi.info/livredor/livredor.php?page=lire (le fond correspond à la classe css que je lui ai donnée ...) mais... www.commentcamarche.net/forum/affich-2491479-un-include-qui-n-inclus-pas

Faire varier le strong (Résolu)Bonjour, Comment peut on faire varier la grosseur de avec les règles css ? Le est trop gros. Je voudrais créer une class css de moitiée moins épaisse. et de quart. etc... comment faire ? Om Yv www.commentcamarche.net/forum/affich-4339004-faire-varier-le-strong

Script php et classe css (Résolu)Bonsoir (pour les couche-tard qui programment encore à 1h du mat...) ou bonjour Toujours aussi débutant en php, je rencontre un problème de mise en forme d'un message d'erreur personnalisé. Le script total vérifie que les données entrées... www.commentcamarche.net/forum/affich-2736423-script-php-et-classe-css

Réponses suivantes

Résultats pour [JAVASCRIPT DOM] propriété classe CSS

Télécharger PSPadPSPad est un excellent éditeur de texte. Il est utile pour travailler sur du simple texte, mais aussi sur du HTML, CSS, Javascript, php ou autres langages de programmation (C++, Java, Python...). Les fonctionnalités sont impressionnantes: ... www.commentcamarche.net/telecharger/telecharger-133-pspad

Télécharger Web Developer ToolbarWebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages web. On peut: Activer/Désactiver java, javascript, HTTP Referer, cache... Manipuler les cookies, les désactiver par domaines,... www.commentcamarche.net/telecharger/telecharger-257-web-developer-toolbar

Télécharger Notepad2Notepad2 est un bloc-note sans installation libre possédant des fonctionnalités avancées de coloration syntaxique. Fonctionnalités Coloration syntaxique pour les langages suivants : HTML, XML, PHP, ASP (JScript, VBS), CSS, JavaScript, VBScript,... www.commentcamarche.net/telecharger/telecharger-34055332-notepad2

Réponses suivantes

Résultats pour [JAVASCRIPT DOM] propriété classe CSS

Top des ventes PC : "Crysis" prend la tête(Paris - Relax news) - d'après le top 10 micromania des meilleures ventes de jeux vidéo pc en france du 12 au 18 novembre 2007, crysis domine le classement et relègue call of duty 4 en deuxième place. le kit des sims 2 tout pour les ados remonte de la... www.commentcamarche.net/actualites/top-des-ventes-pc-crysis-prend-la-tete-4127495-actualite.php3

Top des ventes PC : Le football domine le classement avec "PES 2008"(Paris - Relax news) - d'après le top 10 micromania des meilleures ventes de jeux vidéo pc en france du 22 au 28 octobre 2007, le jeu de simulation de football pro evolution soccer 2008 entre directement à la première place. le jeu vidéo le plus... www.commentcamarche.net/actualites/top-des-ventes-pc-le-football-domine-le-classement-avec-pes-2008-3903725-actualite.php3

Top des ventes PC : "Company of Heroes", nouveau leader du classement(Paris - Relax news) - D'après le top 10 Micromania des meilleures ventes de jeux vidéo PC en France du 1er au 7 octobre 2007, Company of Heroes : Opposing Front s'impose à la première place. Le classement de cette semaine est largement dominé par des... www.commentcamarche.net/actualites/top-des-ventes-pc-company-of-heroes-nouveau-leader-du-classement-3785890-actualite.php3

Réponses suivantes

Résultats pour [JAVASCRIPT DOM] propriété classe CSS

La syntaxe des style (CSS)Définition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de... www.commentcamarche.net/contents/css/csssyntax.php3

Les feuilles de stylePropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de... www.commentcamarche.net/contents/css/cssproperty.php3

Déclaration d'une feuille de style (CSS)Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec... www.commentcamarche.net/contents/css/cssimplant.php3

Réponses suivantes