Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > PHP > Points particuliers > Gérer son CSS en ligne > Lecture des commentaires

Gérer son CSS en ligne

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 
Pseudo Commentaire
Page : 1 
Hors ligne robocop # Posté le 29/11/2006 à 13:40:44 - Ce membre a mis la note : 17
Avatar
Groupe : Membres
Ca ma l'air très interresant. J'ai lu tellement rapidement que je ne note pas.
Je test :)

Edit : bon alors, déja un bon point, ca marche!!!
Et quand ca marche avec moi, ca marhce avec tout le monde. :p
Maintenant, c'est vrai que le code ne m'est pas très utile, puisque q'une fois que lon a fait sa feuille de style, en general, on n'y touche plus.
Mais si ca peut servir a d'autre, alors moi, je dit pourquoi pas.
Seul petit problème :
-Si on a déja un fichier style.css avec du css dedans, il ceéer un nouveau fichier style.css vide.
Amelioration :
Le code pourrait etre coloré.
Si j'arrive a noter (je ne vois plus le bonton... o_O ), je te met 17.
 
Hors ligne Timot # Posté le 29/11/2006 à 13:57:28 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
Il manque une accolade fermante dans css.php, attendez que le validateur est confirmé la mise à jour ou essayez de la trouver :p

Image utilisateur
 
Hors ligne johon03 # Posté le 29/11/2006 à 15:00:51 - Ce membre a mis la note : 18
Mieux vaux tard que jamais !!
Avatar
Groupe : Membres
PAS MAL DU TOUT ;) je trouve que l'idée est très sympa, bien qu'avec les éditeurs on puisse déjà corriger notre code et ajouter plus facilement, je mettrais bien un 18.5, mais y a que 18...

Bravo, et super concept ;) !!!!!

JOHN JOHN !!
Vivez la vie à plein temps !
 
Hors ligne Timot # Posté le 29/11/2006 à 15:10:51 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
C'est bon, le code est corrigé,
johon03, l'intéret de gérer son css en ligne, c'est de ne pas à avoir à uplaoder (via ftp) la feuille de style pour chaque modification, ce qui permet un gain de temps

Image utilisateur
 
Hors ligne robocop # Posté le 06/12/2006 à 12:57:19 - Ce membre a mis la note : 17
Avatar
Groupe : Membres
Et voila pour la note. Désolé pour le double post....
 
Hors ligne anubis # Posté le 24/12/2006 à 20:49:42 - Ce membre a mis la note : 19
CQFD
Avatar
Groupe : Membres
Très bon tutoriel

J'aime bien l'idée, c'est très interressant, le concepte fait penser à Invision Power Board pour la gestion des css !

Voila ma note : 19

Image utilisateur <-- :-°
La question du jour ^^
Image utilisateur
 
Hors ligne Iclode # Posté le 17/01/2007 à 19:43:01 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
je l'ai lu rapidement mais il m'a l'air trés utile. bravo à toi de nous avoir montré ce code

Image utilisateur
 
Hors ligne almaju # Posté le 27/03/2007 à 00:36:45 - Ce membre a mis la note : 15
StaarWar
Avatar
Groupe : Membres
15 parce que tu te compliques la vie dans ta première partie.
Pourquoi fais tu une montagne comme ça alors que suffit un simple :
Code : PHP
$monfichier = file_get_contents = "style.css";
echo $monfichier;

Reprends moi si je me trompe bien sur :) !
Hors ligne darknessneo # Posté le 15/05/2007 à 21:07:04 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
Bonjours. (c mon premier post ;) en plus !)
Je ne m'étais pas encore inscrit et pourtant je venais deja ici aprendre le php! Ben oue, c'est un site sympa ici :)
Hors donc, je refais entièrement mon site internet, mon vieux site htm commencait à prendre la poussière :-°
Mais voila, je me suis mis au php, enfin... je m'essai :lol:
Mais je m'égare la... Enfaite j'ai trouvé ce tuto super sympa, je suis effectivement entrain de modifier mon css, et je swicht sans arrêt entre mon site et mon logiciel FTP... Arf c'est ragant. Mais voila, j'ai vu ce tuto. Cool me suis dit-je comme à moi même.

J'ai suivis le tuto scrupuleusement étape par étape... En addaptant bien sur cetaines choses pour coller avec mon site.
La première fois, je me suis contenté de m'arrêter avant les codes du résultat final. Je n'avais donc pas les liens pour basculer entre chaque page. Mon CSS s'affichait donc normalement. Mais ensuite, j'ai copier/coller les codes des pages terminées. Et là mes problèmes ont commencés.
Je ne sais pas pourquoi... mais voila... il ne m'affiche plus le code CSS de ma page de style, et plus bizarre encore... Il me fait planter la feuille CSS. En effet quand je charge une page php il ne m'affiche plus ma mise en page du fichier css. Je dois supprimer le css et le re-upload via FTP... mais quand je retourne a nouveau sur la page css.php... hop... j'ai de nouveau un affiche nul, j'entends par la, juste les liens pour aller vers les autres pages, et le 1, un affichage comme ceci:
Code : HTML
<a href="">bidon lien vers modif.php page><br><a href=""><bidon lien vers rajout.html page><br>1

voila. Désolé pour ce post un peu long, je suis nouveau, je voulais poster sur le forum mais je n'ai pas vu une section en rapport avec les tutos. voila, si une personne veut bien me dire ce qui cloche. Pour info, mon fichier s'appel coolblue.css. Et comme précisé, la toute première fois, mes pages fonctionnaient, je n'avais juste pas les a href vers les autres pages.
bizarre tout de même...

Je met 17 pour un script très utile (surtout pour moi :) si j'arrive à le faire fonctionner), le désign n'est pas très fouillé, mais ce n'est pas le but du tuto je m'en rends bien compte.

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne Timot # Posté le 16/05/2007 à 17:39:48 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
Il faut que tu change le nom du fichier que ouvre php :
remplace $fichier=fopen("style.css","r");
par $fichier=fopen("coolblue.css","r");

Image utilisateur
 
Hors ligne Gaga971 # Posté le 16/05/2007 à 19:06:37 - Ce membre n'a pas mis de note
Programmeur indépendant
Avatar
Groupe : Membres
Je pense que tu te spris la teet pour rien lool, tu poyuvais faire plus simple.
Au lieu de faire plusieurs textarea tu pouvais en faire que un et ca le fait mieux! ;)


 
Hors ligne darknessneo # Posté le 19/05/2007 à 04:43:00 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
pour timot:
j'avais bien evidement corrigé les liens vers les pages. Quand j'avais dis que j'avais copier/coller les dernieres pages, j'avais bien evidement mis les bonnes informations pour que tout s'affiche normalement. D'ailleur la premiere fois, mes pages n'avaient pas le meme nom que les tiennes, j'avais fais ma propre mise en page et tout. Mais quand j'ai vu que ca ne marchait pas, j'ai repris la mise en page du tuto. Mais cela n'a rien changé a mon probleme.
je te montre mes 3 feuilles:
Code : PHP
<a href="editcss.php">Modifier le code</a><br />
<a href="addcss.html">Rajouter une balise </a><br />
<?php
mysql_connect(adressebase,monlogin,monpass);//Connexion à la bdd
mysql_select_db(nombase);// n'oubliez pas de remplacez les *****

//-------------------------------------------
//Vérif 1 : Est ce qu'on rajoute quelque chose ?
//-------------------------------------------
if(isset($_POST['rajout']))
{
        $commentaire=$_POST['commentaire'];
        $code=$_POST['code'];
        mysql_query("INSERT INTO css VALUES('','".$commentaire."','".$code."')");
}


//-------------------------------------------
//Vérif 2 : Est ce que l'on modifie le code ?
//-------------------------------------------
if (isset($_POST['modifier'])) {
    $p = $_POST['style'];//on décalle les tableaux d'un rang
        foreach($p as $key =>$s)
        {
       
                $code=$s['code'];
                $commentaire=$s['commentaire'];
                $id=$s['id'];
                mysql_query( 'UPDATE css SET code=\''.$code.'\', commentaire=\''.$commentaire.'\' WHERE id='.$id.' ');
        }
}
//-------------------------------------------
//Vérif 3 : On essaye de supprimer quelque chose ?
//-------------------------------------------
if (isset($_GET['supr'])) {
        $id=$_GET['supr'];
        mysql_query( "DELETE FROM css WHERE id=".$id." ");
        }

//-------------------------------------------
//On écrit dans le fichier
//-------------------------------------------
$fichier=fopen("../themes/coolblue.css","w"); //on l'ouvre en mode "w"
$retour = mysql_query('SELECT * FROM css');
while ($donnees = mysql_fetch_array($retour))
        {
        $message .= $donnees['code'];
        $message .="\n";//retour à la ligne
        }
fputs($fichier, $message);
fclose($fichier);

//-------------------------------------------
//On affiche le fichier
//-------------------------------------------
$fichier=fopen("../themes/coolblue.css","r");
$compteur=1;
while (!feof($fichier))
{
        $ligne=fgets($fichier);
        echo $compteur.'.'.nl2br($ligne);
        $compteur++;
}
mysql_close(mabase);
?>

voila pour la page css.
ensuite,
Code : HTML

<a href="css.php">Index css</a><br />
<code type="html"><form method="POST" action="css.php">
Commentaires : <input type="text" name="commentaire" size=25/><br />
Code : <br /><textarea name="code" cols=30 rows=8></textarea><br />
<input type="submit" value="Rajouter" name="rajout"/>

voila pour la page en html
et enfin:

Code : PHP
<a href="css.php">Index css</a><br />
<a href="addcss.html">Rajouter une balise </a><br />
<form method="POST" action="css.php">
<?php

connection database sql

$retour=mysql_query('SELECT * FROM css');//on recupére les entrées
$id=0;

while ($donnees=mysql_fetch_array($retour))
{
        echo "<input size=25 type='text' value='".$donnees['commentaire']."' name='style[$id][commentaire]' />"; //le champ de texte du commentaire
        echo "<a href='css.php?supr=".$donnees['id']."'>Supprimer</a><br />"; //le lien pour supprimer un code   
        echo "<textarea name='style[$id][code]' cols=30 rows=8>".$donnees['code']."</textarea><br/>"; //un textarea qui contiendra le code
        echo "<input type='hidden' name='style[$id][id]' value='".$donnees['id']."' />"; //un champs caché pour récuperer l'id du code
        echo "<br /><br />";
        $id++;
}
mysql_close();
?>
<input type="submit" value="Modifier" name="modifier"/>


voila... et encore une fois... résultat nul... je te montre une image:
Image utilisateur
Et ensuite mon .css plante. c plus clair comme ca je pense, mais je voulais pas poster le contenu de mes pages. Enfin voila.
Si quelqu un peu me dire où est le problème.
NOTE: les pages sont dans un dossier admin, le .css est dans un dossier themes, d'où le ..\themes\....css

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne darknessneo # Posté le 19/05/2007 à 04:48:48 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
j'arrive pas a editer mon post, le lien me renvoi a une page blanche. Je voulais rajouté que si je met l'adresse complete dans url pour acceder au fichier .css j'obtiens le meme résultat au truc pres que dans l'exemple sur l'image je ne vois alors plus le 1. qui correspond a la premiere ligne. Quand je vais sur mon logiciel ftp il me dit que le fichier css fait 0 ko. Enfaite, dès que je vais sur la page css.php, le script php me supprime toute ma feuille css... voila...

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne darknessneo # Posté le 19/05/2007 à 04:59:15 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
c'est cette partie qui bug:
Code : PHP
//-------------------------------------------
//On écrit dans le fichier
//-------------------------------------------
$fichier=fopen("../themes/coolblue.css","w"); //on l'ouvre en mode "w"
$retour = mysql_query('SELECT * FROM css');
while ($donnees = mysql_fetch_array($retour))
        {
        $message .= $donnees['code'];
        $message .="\n";//retour à la ligne
        }
fputs($fichier, $message);
fclose($fichier);

en isolant toutes les parties du php j'ai donc finalement trouvé le truc qui cloche. Maintenant il reste a comprendre pourquoi ca cloche. Info, je suis sur free. ca viendrait du mode W de l ouverture du fichier?

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne Timot # Posté le 24/05/2007 à 17:44:17 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
est ce que le chmod de ta feuille de style t'autorise a écire dedans ??

Image utilisateur
 
Hors ligne darknessneo # Posté le 25/05/2007 à 12:38:32 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
avec free on ne peut pas gerer les chmod. J'ai déja essayé avec un autre logiciel FTP car j'ai dreamweaver.
Mais ce n'est pas possible. free server powaaa... C'est pour cela que j'ai précisé que j'étais sur free.
J'ai lu sur un forum qu'il fallait mettre un @ devant toutes les fonctions chmod pour désactiver les erreurs,
Les droits étant généré par free...
D'autres disent qu'il faut creer le fichier géré par les chmod depuis le server. En gros, cela voudrait dire qu'il faut creer un code php qui creer la page géré par le chmod...

Enfin j'ai bien l'impression que ce script n'est pas utilisable sur free...

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne Timot # Posté le 25/05/2007 à 23:48:07 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
Et pourtant, je l'ai crée sur un site sur free et il marche sur un autre site aussi sur free,
donc ca devrait marcher normalement.
Est ce que tu as bien créer ta table ?
Est ce que la table et/ou la feuille css est vide apres modif ?

Image utilisateur
 
Hors ligne darknessneo # Posté le 26/05/2007 à 20:38:35 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
la table a bien été faite. Mais elle est vide, quand je clic sur afficher dans phpadmin ben je peu pas. y a rien dedans...
les champs sont correctements fait, de toute facon j ai copier coller le code sql du tuto.
cependant, le script efface le contenu de ma feuille css. Etrange non...? tant que je ne lance pas la page css.php, tout fonctionne, mais quand je le lance... il supprime tout le contenu de mon css...
et c'est à la 4eme partie du script qu'il efface tout.

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne Timot # Posté le 27/05/2007 à 12:48:16 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
C'est tout a fait normal, PHP remplace ce que tu avais mis dans la CSS par ce qu'il y a dans la table,
donc si la table est vide, la CSS le sera aussi

Image utilisateur
 
Hors ligne darknessneo # Posté le 27/05/2007 à 18:04:54 - Ce membre a mis la note : 17
<?php echo ('uh?') ?>
Avatar
Groupe : Membres
Ah! ça se précise!! Je n'ai pas regardé le script depuis quelques jours deja, je planche sur un script de galerie d'image.
Mais quelle est la partie du script qui rempli la table? apparement mon probleme vient de là, il ne m'ecrit rien dans la table. Donc il faut comprendre pourquoi...

Bâts toi avec les meilleurs ou crêves avec les autres...
 
Hors ligne Timot # Posté le 27/05/2007 à 23:13:44 - Ce membre n'a pas mis de note
Réfléchir ne tue pas !
Avatar
Groupe : Membres
c'est la page rajout html qui permet de rajouter du contenu que tu pourra ensuite modifier dans modif.php, tout simplement

Image utilisateur
 
Hors ligne Bqrt # Posté le 26/08/2007 à 00:34:50 - Ce membre a mis la note : 18
La petite rime assassine ....
Avatar
Groupe : Membres
Citation : Gaga971
Je pense que tu te spris la teet pour rien lool, tu poyuvais faire plus simple.
Au lieu de faire plusieurs textarea tu pouvais en faire que un et ca le fait mieux! ;)


Non justement, comme ça on voit le code pour chaque balise et c'est super !

Bravo pour ce tuto, je vais m'empresser te testé car c'est super pratique :)

J'veux pas perdre 1 heure pour l'avenir de mon pays, par contre j'ai voté contre harlem a la star academy (© Le Puzzle)

Mon profil Last.fm : http://www.lastfm.fr/user/Bqrt/
 
Hors ligne souls killer # Posté le 06/10/2007 à 17:53:04 - Ce membre n'a pas mis de note
I have a dream, today !!
Avatar
Groupe : Membres
J'ai lu vite fait, mais je note pas, parce que j'ai pas lu avec assez d'attention. Cela dit, j'ai repéré une faute de conjugaison:

Citation : Tuto
Dans ce tuto, vous allez réaliser un script php pendant que je siroterais un cocktail peinard je vous aiderez. Ce script permettra de facilement changer le css en ligne .


A renmplacer par "pendant que je vous aiderai". c'est une 1ère personne du singulier (je), pas une 2ème du pluriel (vous) ;)

"Qui mange du boeuf... Mange du boeuf
Qui mange du porc... N'est pas musulman"
:D
Rédigez vos news !! | le Manuel du Zér0 | Rédigez des Cahiers des Charges pour vos projets, organisez-vous ![En refonte] | Perdu sur le Web ?
 
Hors ligne Matt1113 # Posté le 07/10/2007 à 11:04:17 - Ce membre a mis la note : 19
Vive la glandouille
Avatar
Groupe : Membres
19, ce tuto est vraiment super, moi qui commence la partie administration de mon site, ce tuto va pas mal m'aider :)

Merci

Suis-je éveillé ou dors-je?

http://webfly.fr
 
Hors ligne Jerry Wham # Posté le 14/10/2007 à 13:30:57 - Ce membre a mis la note : 14
1castorMangé,1arbreSauvé
Avatar
Groupe : Membres
Alut,

Je trouve l'idée assez bonne mais il y a un inconvénient majeur à utiliser le système que tu décris : on est obligé de modifier obligatoirement le css en ligne. Un éditeur de texte ne peut plus être utilisé. De plus, je trouve qu'un seul textarea est plus adapté et plus lisible pour modifier le code, et si on veut placer une balise entre deux balises déjà existantes ce n'est pas possible avec ton système (tandis qu'avec un seul textarea ça l'est).

Les pages que tu donnes en exemple ne sont pas valides (Il y a plusieurs fautes qui peuvent être facilement corrigées). Je sais que ces pages ne sont pas destinées à être publiques, mais tant qu'à donner des exemples dans un tuto, autant qu'ils soient valides.

J'ai donc pris la liberté de modifier les pages (je n'en ai plus que deux au passage) et la table d'origine comme suit :

Code : SQL - Afficher / masquer les numéros de ligne
  1. CREATE TABLE `css` (
  2.   `id` tinyint(4) NOT NULL,
  3.   `general` text NOT NULL,
  4.   KEY `id` (`id`)
  5. ) ENGINE=InnoDB DEFAULT CHARSET=latin1;


Page d'affichage du css (css.php):

Code : PHP - Afficher / masquer les numéros de ligne
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.                 <title>modification du css</title>
  5.                 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  6.  
  7.          <!-- Lien vers la favicon -->
  8.         <link rel="shortcut icon" type="image/x-icon" href="../images/icone.ico"/>
  9.  
  10.    </head>
  11.  
  12.    <body>
  13.  
  14. <div id="modif" style="text-align:right;position:fixed;right:10px;"><a href="modif.php">Modifier le code</a></div>
  15. <p>
  16. <?php
  17.  
  18. mysql_connect(******,******,*******);//Connexion à la bdd
  19. mysql_select_db(*******);// n'oubliez pas de remplacez les *****
  20.  
  21. //-------------------
  22. //Enregistre les modifications qui ont été apportées au fichier par un éditeur de texte
  23. //-------------------
  24.  
  25. $fichier=fopen("css/css_par_defaut.css","r");//PENSER A MODIFIER LE CHEMIN RELATIF DES FICHIERS
  26. $compteur=1;
  27. $ligne='';
  28. while (!feof($fichier))
  29. {
  30.                 $ligne.=fgets($fichier);
  31.                 $compteur++;
  32. }
  33. $ligne = str_replace('"','\'',$ligne);//Pour éviter les erreurs Mysql
  34. mysql_query( 'UPDATE css SET general="'.$ligne.'" WHERE id=1 ') or die(mysql_error());
  35.  
  36. //-------------------------------------------
  37. //Vérif 1 : Est ce qu'on rajoute quelque chose ?
  38. //-------------------------------------------
  39. if(isset($_POST['rajout']))
  40. {
  41.                 $retour = mysql_query('SELECT general FROM css WHERE id=1');
  42.                 $donnees = mysql_fetch_array($retour);
  43.                 $general = $donnees['general'];
  44.                 $general .= $_POST['general'];
  45.                 $general = str_replace('"','\'',$general);
  46.         mysql_query( 'UPDATE css SET general="'.$general.'" WHERE id=1 ') or die(mysql_error());
  47. }
  48.  
  49.  
  50. //-------------------------------------------
  51. //Vérif 2 : Est ce que l'on modifie le code ?
  52. //-------------------------------------------
  53. if (isset($_POST['modifier']))
  54. {
  55.         $general = $_POST['general'];
  56.         mysql_query( 'UPDATE css SET general="'.$general.'" WHERE id=1 ') or die(mysql_error());
  57. }
  58.  
  59. //-------------------------------------------
  60. //On écrit dans le fichier
  61. //-------------------------------------------
  62. $fichier=fopen("css/css_par_defaut.css","w"); //on l'ouvre en mode "w" PENSER A MODIFIER LE CHEMIN RELATIF DES FICHIERS
  63. $retour = mysql_query('SELECT * FROM css WHERE id=1') or die(mysql_error());
  64. $donnees = mysql_fetch_array($retour);
  65. $message = $donnees['general'];
  66. fputs($fichier, $message);
  67. fclose($fichier);
  68.  
  69. //-------------------------------------------
  70. //On affiche le fichier en différenciant les id (en bleu),
  71. //des class (en rouge) et des commentaires (en vert et contre tous)
  72. //-------------------------------------------
  73. $fichier=fopen("css/css_par_defaut.css","r");//PENSER A MODIFIER LE CHEMIN RELATIF DES FICHIERS
  74. $compteur=1;
  75. while (!feof($fichier))
  76. {
  77.                 $ligne=fgets($fichier);
  78.                 $ligne=str_replace('/*','<span style="color:green;font-size:0.8em;">/*',$ligne);
  79.                 $ligne=str_replace('*/','*/</span>',$ligne);
  80.                 $ligne=preg_replace('!\.(\w+)!s','<span style="font-size:1.5em;">.</span><span style="color:red;"><em>$1</em></span>',$ligne);
  81.                 $ligne=preg_replace('!#([a-zA-Z*]+)!s','<span style="color:blue;"><em>#$1</em></span>',$ligne);
  82.                 $ligne=preg_replace('!: <span style="color:blue;"><em>#(\w+)</em></span>!s',':#$1',$ligne);
  83.                 $ligne=preg_replace('!:<span style="color:blue;"><em>#(\w+)</em></span>!s',':#$1',$ligne);
  84.                 $ligne=str_replace('<span style="font-size:1.5em;">.</span><span style="color:red;"><em>jpg</em></span>','.jpg',$ligne);
  85.                 $ligne=str_replace('<span style="font-size:1.5em;">.</span><span style="color:red;"><em>png</em></span>','.png',$ligne);
  86.                 $ligne=str_replace('<span style="font-size:1.5em;">.</span><span style="color:red;"><em>gif</em></span>','.gif',$ligne);
  87.                 $ligne=preg_replace('!(<span style="font-size:1.5em;">.</span><span style="color:red;"><em>([0-9+])em</em></span>)!','.$2em',$ligne);
  88.                 $ligne=preg_replace('!(<span style="font-size:1.5em;">.</span><span style="color:red;"><em>([0-9+])</em></span>%)!','.$2%',$ligne);
  89.                 $ligne=preg_replace('!(<span style="font-size:1.5em;">.</span><span style="color:red;"><em>([0-9+])</em></span>px)!','.$2px',$ligne);
  90.                 $ligne = '<span style="font-size:0.8em;color:#e5e7d9;">'.$compteur.'</span><strong> : </strong>'.nl2br($ligne);
  91.                 $ligne=preg_replace('!<\/strong>(\w+[-]?(\w)*[-]?(\w)*):!s','</strong><span style="color:#318495;">$1</span>:',$ligne);
  92.                 echo $ligne;
  93.                 $compteur++;
  94. }
  95. //Formulaire pour ajouter une balise
  96. </p>
  97. <form method="post" action="css.php">
  98. <p>
  99. Code : <br />
  100. <textarea name="general" cols="40" rows="15"></textarea>
  101. <br />
  102. <input type="submit" value="Ajouter" name="rajout"/>
  103. </p>
  104. </form>
  105. ';
  106. ?>
  107.         </body>
  108. </html>


Page de modification (modif.php):

Code : PHP - Afficher / masquer les numéros de ligne
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.                 <title>modification du css</title>
  5.                 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  6.  
  7.          <!-- Lien vers la favicon -->
  8.         <link rel="shortcut icon" type="image/x-icon" href="../images/icone.ico"/>
  9.         <?php
  10.         $nav = $_SERVER['HTTP_USER_AGENT'];
  11. //ADAPTATION DE L'AFFICHAGE EN FONCTION DU NAVIGATEUR ET DU SYSTEME D'EXPLOITATION (SINON IL Y A DES DECALAGES)
  12.         if(stristr($nav, 'Windows') !== FALSE)
  13.         {
  14.                 if((stristr($nav, 'MSIE') !== FALSE) OR (stristr($nav, 'Opera') !== FALSE))
  15.                 {
  16.                         if(stristr($nav, 'MSIE') !== FALSE)
  17.                         {
  18.                                 echo'
  19.                                <style type="text/css">
  20.                                input
  21.                                {
  22.                                width:55px;
  23.                                }
  24.                                
  25.                                textarea
  26.                                {
  27.                                font-size:0.8em;
  28.                                }
  29.                                </style>
  30.                                ';
  31.                         }
  32.                         else
  33.                         {
  34.                                 echo'
  35.                                <style type="text/css">
  36.                                textarea
  37.                                {
  38.                                font-size:0.9em;
  39.                                }
  40.                                </style>
  41.                                ';
  42.                         }
  43.                 }
  44.                 else
  45.                 {
  46.                         echo'
  47.                        <style type="text/css">
  48.                        textarea
  49.                        {
  50.                        font-size:1.01em;
  51.                        }
  52.                        </style>
  53.                        ';
  54.                 }
  55.         }
  56.         else
  57.         {
  58.         echo'
  59.        <style type="text/css">
  60.        textarea
  61.        {
  62.        font-size:1.1em;
  63.        }
  64.        </style>
  65.        ';
  66.         }
  67.         ?>
  68.    </head>
  69.  
  70.    <body>
  71. <p>
  72. <a href="css.php" style="text-align:right;position:fixed;right:10px;">Index css</a>
  73. </p>
  74. <form method="post" action="css.php">
  75.         <p>
  76.         <br/>
  77.         <br/>
  78.         <input type="submit" value="Modifier" name="modifier" style="text-align:right;position:fixed;right:10px;"/>
  79.         <br/>
  80. <?php
  81. mysql_connect(******,******,*******);//Connexion à la bdd
  82. mysql_select_db(*******);// n'oubliez pas de remplacez les *****
  83.  
  84. $fichier=fopen("css/css_par_defaut.css","r");//PENSER A MODIFIER LE CHEMIN RELATIF DES FICHIERS
  85. $compteur=1;
  86. $ligne='';
  87. //Enregistre les éventuelles modifications faites par un éditeur de texte
  88. while (!feof($fichier))
  89. {
  90.                 $ligne.=fgets($fichier);
  91.                 $compteur++;
  92. }
  93. $ligne = str_replace('"','\'',$ligne);//Pour éviter les erreurs Mysql
  94. mysql_query( 'UPDATE css SET general="'.$ligne.'" WHERE id=1 ') or die(mysql_error());
  95.  
  96.  
  97. $retour=mysql_query('SELECT * FROM css') or die(mysql_error());//on récupère les entrées
  98. $donnees = mysql_fetch_assoc($retour);
  99. $id=0;
  100.  
  101. <br/>
  102. Code :
  103. </p>
  104. <table summary="css" style="position:relative;width:80%;">
  105. <tr>
  106. <td style="width:7%;vertical-align:top;text-align:right;font-size:0.9em;">
  107. ';
  108. $compteur=1;
  109. while ($compteur<2001)//Pour avoir 2000 lignes possibles à saisir
  110. {
  111.                 echo $compteur.' : <br/>';
  112.                 $compteur++;
  113. }
  114. $fichier ='';
  115. '
  116. </td>
  117. <td style="position:relative;width:100%;height:100%;vertical-align:top;">
  118. <textarea name="general" style="position:relative;width:100%;height:32010px;overflow:hidden;margin-top:0;margin-bottom:0;border:0;" cols="0" rows="0">
  119. '.$donnees['general'].'
  120. </textarea>
  121. </td>
  122. </tr>
  123. </table>
  124. <p>';
  125. ?>
  126. </p>
  127. </form>
  128.         </body>
  129. </html>


Voilou. Je suppose qu'il doit y avoir encore quelques optimisations à faire mais déjà, ça marche plutôt bien.

Pour ton tuto, je mets 14 car l'idée est bonne mais il y a quelques imperfections.

Enjoy :p
 

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 92 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0376s (0.025s)