php modifier css sur le forum Création de sites web - 05-12-2007 19:15:27

Liste des sujets

php modifier css

stanley_cubique

Niveau 9

05 décembre 2007 à 19:15:27

Je me demande si il est possible de modifier la couleur d´arrière plan(en css : background-color : ****) d´une page avec un formulaire php.

J´ai recherché et j´ai trouvé des scripts avec gestion des cookies...

Ca ne m´interesse pas, je veux juste que l´administrateur puisse modifier les couleurs à l´aide d´un formulaire.

Voici toujours mon formulaire pour mieux me faire comprendre :

</div>
<h2>Changer de couleur</h2>
<form action="css_dyn2.php" method="post">
<div>
<input name="couleurtexte" value="#000" type="radio" />noir
<input name="couleurtexte" value="#FFF" type="radio" />blanc
<input name="couleurtexte" value="#0A00B0" checked="checked" type="radio" />bleu foncé
<input name="couleurtexte" value="#E9F5FE" type="radio" />bleu clair
<input name="couleurtexte" value="#FF0000" type="radio" />rouge
<input name="couleurtexte" value="#FFFF80" type="radio" />jaune

Donc quand je clique sur le bouton "changer", je veux que le code css de la page web soit modifié.

ex :
1) Je choisi la couleur "bleu foncé" :

background-color : **** -> background-color : #0A00B0

Est-ce possible ?

Merci.

funk_ad

Niveau 10

05 décembre 2007 à 20:06:07

Si tu veut modifier seulement l´arrière-plan j´ai une méthode un peu barbare:

Il faudrait que dans un fichier tu écrive le code couleur de l´arriere-plan (genre #FFFFFF)
http://www.siteduzero.com/tuto-3-172-1-lire-et-ecrire-dans-un-fichier.html

Après tu fait un include à la place de ton code couleur dans le css.
http://www.siteduzero.com/tuto-3-148-1-les-includes.html

J´sais pas trop si ça marchera, j´ai pensé à ça dans l´moment.

prince_of_jv

Niveau 10

05 décembre 2007 à 21:23:06

Ca serait mieux en Javascript.

funk_ad

Niveau 10

05 décembre 2007 à 21:30:56

Envoie ta soluce.

prince_of_jv

Niveau 10

05 décembre 2007 à 22:36:32

<html>
<head>
<script language=javascript>
function couleur()
{
for (var i=0; i<document.f1.couleurtexte.length;i++)
if(document.f1.couleurtexte[i].checked)

document.getElementsByTagName(´body´)[0].style.b
ackground=document.f1.couleurtexte[i].value;
}
</script>
</head>
<body>
<form name="f1">
</div>
<h2>Changer de couleur</h2>
<div>
<input name="couleurtexte" value="#000" type="radio" />noir
<input name="couleurtexte" value="#FFF" type="radio" />blanc
<input name="couleurtexte" value="#0A00B0" checked="checked" type="radio" />bleu foncé
<input name="couleurtexte" value="#E9F5FE" type="radio" />bleu clair
<input name="couleurtexte" value="#FF0000" type="radio" />rouge
<input name="couleurtexte" value="#FFFF80" type="radio" />jaune
<br></br><input type="button" value="changer couleur" onclick="couleur()"/>
</div>
</form>
</body>
</html>

***

j´ai changé le bouton submit par un bouton normal que quand tu cliques dessus ca change la couleur de l´arriere plan

j´espere avoir répondu a ta question, mais par une autre maniere

deepblue

Niveau 16

05 décembre 2007 à 22:39:54

Pour séries-sources, le chagement de design se fait aussi via un fichier avec les données ecrites avec cette syntaxe :
<identifiant>valeur</identifiant>
<identifiant2>valeur2</identifiant2>

Exemple :
<banniere>url</banniere>
<fond>couleur</fond>

Ensuite, je charge ce fichier, retour les valeurs suiviants les identifaints et affiche le resultat dans une feuille de style dynamique ou en dur dans le fichier html, avec ce type de syntaxe :
echo "machin { bidule:valeur; }";

deepblue

Niveau 16

05 décembre 2007 à 22:41:01

prince_of_jv > ça n´est pas permanent comme méthode : si tu recharges la page, le style précédement appliqué ne sera plus pris en compte.

prince_of_jv

Niveau 10

05 décembre 2007 à 22:47:19

bah on peut appeler la fonction dés le chargement de la page
<body onload=couleur()>

deepblue

Niveau 16

05 décembre 2007 à 22:51:37

Oui mais dans l´hypothèse ou ce css doit etre utilisé sur tout un site, tu ne va pas poser ton code js sur toutes les pages, d´autant plus que tu te bases sur un formulaires qui lui aussi devra etre sur toutes les pages...

prince_of_jv

Niveau 10

05 décembre 2007 à 23:50:19

A moins qu´il le met dans un fichier .JS, mais le problème, c´est que l´administrateur seulement peut changer la couleur de l´arriere plan, pas le simple visiteur du site, donc ma solution est a rejeter

Juste une idée, c´est de créer un fichier css a partir d´un code php, et ce fichier sera importé dans toutes les pages du sites.

Pseudo supprimé 06 décembre 2007 à 10:49:32

"Ca ne m´interesse pas, je veux juste que l´administrateur puisse modifier les couleurs à l´aide d´un formulaire."
"mais le problème, c´est que l´administrateur seulement peut changer la couleur de l´arriere plan, pas le simple visiteur du site, donc ma solution est a rejeter"
¤ ¤ ¤

Le plus simple ça serait d´ouvrir ton fichier css et d´en afficher le contenu dans un formulaire, genre un bon gros textarea où tu peux modifier ce que tu veux, puis de sauvegarder tes modifications dans le fichier css. :o
Si t´as vraiment pas envie de réfléchir et que ça te dérange pas d´avoir un gros truc relou, tu peux suivre le tutorial du site que tout le monde kiffe ici :
http://www.siteduzero.com/tuto-3-13081-1-gerer-son-css-en-ligne.html

stanley_cubique

Niveau 9

06 décembre 2007 à 12:26:52

Merci pour toutes vos réponses, je vais analyser ça.
En fait je veux que seulement l´administrateur puisse modifier le css à l´aide d´un formulaire.

Je vous tiens au courant.

deepblue

Niveau 16

06 décembre 2007 à 18:51:52

Dans ce cas là (ou tu veux voufrais modifier tout le css), ce que propore Meja est la meilleur solution

Aide à l'achat Mac
Création de Jeux
Linux
Création de sites web
Programmation
Internet
Steam Deck
Macintosh
Hardware

La vidéo du moment

News jeu

11 376 spectateurs

Onimusha Way of the Sword : j'y ai joué et je suis déjà convaincu qu'il sera à la hauteur de mes attentes !

Nous avons pu jouer plusieurs heures à Onimusha Way of the Sword il y a quelques semaines chez Capcom France. L'occasion de retrouver ce qui a avait déjà été proposé dans la démo, toujours disponible, quel que soit votre support de jeux de prédilection.

Toutes les news jeu