par
Cyrano » 26 oct. 2006, 20:57
Tiens, voilà de la matière
Code : Tout sélectionner
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Récupérer une classe CSS en JavaScript</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function afficherClass(id_elt)
{
var classeCSS = document.getElementById(id_elt).className;
var afficher = (classeCSS != 'undefined' && classeCSS != '') ? classeCSS : 'Cet élément n\'a pas de classe CSS définie';
alert(afficher);
}
/* ]]> */
</script>
<style type="text/css">
/* <![CDATA[ */
.monstyle {
border: 1px solid #ccc;
}
/* ]]> */
</style>
</head>
<body>
<div id="monbloc1" class="monstyle">
<p>Bloc 1 : Bla bla pour meubler</p>
</div>
<p><a href="#" title="" onclick="afficherClass('monbloc1'); return false;">Nom de la classe CSS du bloc ci-dessus</a></p>
<div id="monbloc2">
<p>Bloc 2 : Bla bla pour meubler</p>
</div>
<p><a href="#" title="" onclick="afficherClass('monbloc2'); return false;">Nom de la classe CSS du bloc ci-dessus</a></p>
</body>
</html>
Tiens, voilà de la matière ;)
[code]<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Récupérer une classe CSS en JavaScript</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function afficherClass(id_elt)
{
var classeCSS = document.getElementById(id_elt).className;
var afficher = (classeCSS != 'undefined' && classeCSS != '') ? classeCSS : 'Cet élément n\'a pas de classe CSS définie';
alert(afficher);
}
/* ]]> */
</script>
<style type="text/css">
/* <![CDATA[ */
.monstyle {
border: 1px solid #ccc;
}
/* ]]> */
</style>
</head>
<body>
<div id="monbloc1" class="monstyle">
<p>Bloc 1 : Bla bla pour meubler</p>
</div>
<p><a href="#" title="" onclick="afficherClass('monbloc1'); return false;">Nom de la classe CSS du bloc ci-dessus</a></p>
<div id="monbloc2">
<p>Bloc 2 : Bla bla pour meubler</p>
</div>
<p><a href="#" title="" onclick="afficherClass('monbloc2'); return false;">Nom de la classe CSS du bloc ci-dessus</a></p>
</body>
</html>[/code]