Css Dynamique : Changer le fond d'une div.

Version imprimable

Bonjour,

Je post sur le forum après avoir fait quelques recherche sur Google et autres.
Cela fait 2 jours que je cherche à résoudre le problème que voici :

Ma page d'accueil ce compose pour les news de 3 div. 1 des div contient une image de fond qui fait office de bannière.
Mon idée c'est de rendre cette image de fond dynamique et de permetre à l'admin de la changer grace à une interface plutot que par un notepad.
Dans ma BDD j'ai donc défini une table News avec un champ Lienimage qui contient le lien de l'image.
J'ai trouvé comment rendre ma page CSS en la transformant simplement en page php et en mettant en entete :

Code:

<?php header("Content-type: text/css");

Ensuite j'ai fais un simple fetch Array et j'ai mis l'url dans une variable :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $result= mysql_query('SELECT imagenewsr FROM nradio WHERE idnewsr = ( SELECT MAX( idnewsr ) FROM nradio )'); while ($row = mysql_fetch_array($result, MYSQL_NUM)) { $imagelink=($row[0]); } mysql_free_result($result); ?>
cependant ensuite je ne trouve pas comment l'implanter dans mon css :

Code:

background-image: url();

j'ai bien essayé ceci :

Code:

background-image:url(<?=$imagelien?>);

mais le fond reste définitvement blanc...
Ce n'est pas fondamentale pour le projet, mais j'aimerais vraiment avoir la réponse à mon problème, même si cela est impossible j'aimerais en être certains :)
Merci à vous !

P.S : Pardon pour le premier post du message qui était incomplet et pour la demande de delestage que je n'arrive pas à annuler... Tout cela du à une fausse manip...

05/06/2009, 11h16
michel.bosseaux

Si ton div a une classe, tu peux en CSS utiliser

.nomdeclasse {background-color : codecouleur}
ou
div.nomdeclasse

Si c'est un id c'est pareil avec #ton_id

si ton div est dans un autre élément, c'est pareil mais avec la référence de l'autre élément devant dans le sélecteur.

Et si tu veux modifier via javascript un div qui a un id, c'est
document.getElementById("ton_id").style.background-color = "codecouleur"
05/06/2009, 11h23
Poeteuh
Merci de ta réponse, cependant ce n'est pas tout à fait ce que je demande.
Voici le code du div en entier déjà entré dans mon css :
Code:

1 2 3 4 5 6 7 8 div#nwrimg { width:585px; height:90px; left:6px; top:60px; position:absolute; background-image: url(); }
Quand à ce que tu ma donné en java, j'ai déja utilisé ce code pour aggrandir et bouger mon div au passage de la souris dessus. Mais ce n'est pas utile dans un cas comme celui la du moins je ne crois pas.
Merci encore en tout cas !
05/06/2009, 11h37
michel.bosseaux

j'avais répondu à ton message partiel... une fois lu le complet, je vois mieux le problème.

Ta syntaxe devrait fonctionner à condition de mettre $imagelink, et pas $imagelien comme dans ton message (la variable ne s'appelle pas comme ça). J'ajouterais pour ma part des espaces mais ça ne devrait pas influer.

Code:

background-image:url(<?= $imagelink ?>);

ensuite, je m'interroge dans la ligne où tu définis $imagelink, sur l'usage des ()

Code:

$imagelink=($row[0]);

si ton CSS généré n'est pas bon avec le code CSS que je te donne, enlève les () autour de $row[0]

et si ça ne marche toujours pas, ne nous copie pas seulement le source php du CSS, mais visualise également le fichier dans ton navigateur comme une page web classique, et va voir le source généré pour nous le copier aussi.

Merci de ton aide, mais je vien de me recevoir l'aide qu'il me faillait.
La réponse est simple, il fallait simplement ne pas oublier de echo la variable.

Voila la solution qui est donc au final très simple :

pour le div css :

Code:

1
2
3
4
5
6
7
8
div#nwrimg {
								width:585px;
								height:90px;
								left:6px;
								top:60px;
								position:absolute;
								background-image:url(<?php echo $imagelink ?> );
}

pour le php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php header("Content-type: text/css"); 
 
	$serveur = 'localhost';
	$utilisateur = 'BOURDON';
	$motdepasse = 'tournament';
	$base = 'radiodls';
	mysql_connect($serveur,$utilisateur,$motdepasse) or die ("erreur de connexion serveur");
	mysql_select_db($base) or die ("erreur de connexion base");
 
$result= mysql_query('SELECT imagenewsr 
FROM nradio
WHERE idnewsr = ( 
SELECT MAX( idnewsr ) 
FROM nradio )');
 
while ($row = mysql_fetch_array($result, MYSQL_NUM)) {
   $imagelink=($row[0]);
}
mysql_free_result($result);?>

Merci en tout cas !

05/06/2009, 12h09
michel.bosseaux

"echo" fonctionne, c'est clair, mais <?= doit fonctionner aussi normalement (pour autant que ce type de balises soit autorisé dans le fichier de configuration de PHP).

Heureux en tout cas que tu aies trouvé une solution qui fonctionne :D