11522 sujets

JavaScript, DOM et API Web HTML5

Modifier css au rechargement de la page

Bonjour,

J'aimerais changer un style css à chaque rechargement de la page.
En fait, c'est juste la propriété "background-color" d'un élément que je souhaiterais changer à chaque rechargement.
Je pense qu'il faut du javascript mais je n'y connais rien.
Je n'ai pas encore de code à vous montrer mais cela sera juste le nom d'une ribrique ou d'un lien qui aura une couleur de fond qui sera donc modifiée à chaque rechargement.
Est-ce facile à mettre en place ?

Merci de votre aide

Vinix
Salut Vinix,

personnellement j'aurais plutôt fait ça en PHP car Javascript peut être désactivé. Par exemple :

index.php
<?php
$couleurs = array('red', 'springgreen', '#FFFF00');
$couleur = $couleurs[rand(0,2)];
?>
<!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" />
	<title>Test</title>
	<style type="text/css" media="screen">
	a {
		background-color: <?php echo $couleur; ?>;
	}
	</style>
</head>
<body>
<p><a href="mapage.php">Lien vers ma page</a></p>
</body>
</html>

En Javascript il faut regarder du côté de Math.random.

A+
Heyoan a écrit :
personnellement j'aurais plutôt fait ça en PHP car Javascript peut être désactivé.


Yep pourquoi pas ... je vais un peu chipoter Smiley ravi .
Mais quel est le problème posé dans le cas de la désactivation du Javascript ? Smiley cligne

<edit>Sinon en repartant de l'exemple de Heyoan on peut aussi "s'amuser" à générer une class ou un id sur certains éléments pour les appliquer depuis une feuille externe. Smiley smile </edit>
Modifié par yodaswii (05 Nov 2008 - 18:49)
yodaswii a écrit :

Mais quel est le problème posé dans le cas de la désactivation du Javascript ? Smiley cligne
Ben c'est vrai que pour une couleur de background il n'y a pas mort d'homme si ça ne fonctionne pas mais bon... autant prendre de bonnes habitudes et se rappeler que Javascript ne doit être utilisé qu'en surcouche. Smiley smile
Merci beaucoup pour le code.
Je n'ai pas encore essayé mais cela m'a l'air pas mal.
J'espère que cela ne pose pas de soucis en étant intégré sous spip.

++++

Vinix
Sujet clos
Aller à