Arts numériques https://arts-numeriques.codedrops.net/ artsnumeriques est le support des cours de Stéphane Noel, professeur à l'école de recherche graphique. fr SPIP - www.spip.net Ecrire un fichier de log https://arts-numeriques.codedrops.net/Plus-ecrire-un-fichier-de-log https://arts-numeriques.codedrops.net/Plus-ecrire-un-fichier-de-log 2009-11-17T15:07:46Z text/html fr Stéphane Noel Php <p>Un fichier de log est un fichier qui contient une série de données permettant de conserver des données de manière assez brute. On peut conserver ces informations dans une base de donnée, ici on fait une lecture et écriture directement dans un fichier txt sur le serveur. <br class='autobr' /> Voici le code : < ?php function ecrire_log($errtxt) $fp = fopen('log.txt','a+') ; // ouvrir le fichier ou le créer fseek($fp,SEEK_END) ; // poser le point de lecture à la fin du fichier (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a> <div class='rss_chapo'><p>Un fichier de log est un fichier qui contient une série de données permettant de conserver des données de manière assez brute. On peut conserver ces informations dans une base de donnée, ici on fait une lecture et écriture directement dans un fichier txt sur le serveur.</p></div> <div class='rss_texte'><p>Voici le code :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php function ecrire_log($errtxt){ $fp = fopen('log.txt','a+'); // ouvrir le fichier ou le créer fseek($fp,SEEK_END); // poser le point de lecture à la fin du fichier $nouverr=$errtxt."\r\n"; // ajouter un retour à la ligne au fichier fputs($fp,$nouverr); // ecrire ce texte fclose($fp); //fermer le fichier } ecrire_log("test"); echo "je viens d'updater le fichier"; ?></code></pre></div> <p>Attention, pour une utilisation de ce script sur un serveur distant, attention aux droits d'écriture.</p></div> Récupérer le contenu d'un tag avec une expression régulière https://arts-numeriques.codedrops.net/Plus-recuperer-le-contenu-d-un-tag https://arts-numeriques.codedrops.net/Plus-recuperer-le-contenu-d-un-tag 2009-11-17T13:42:17Z text/html fr Stéphane Noel Php <p>Les expressions régulières sont un outil puissant pour rechercher des éléments précis dans un code compliqué. Ici un script simple qui permet de rechercher des tags particuliers, et de les lister. <br class='autobr' /> Ce script récupère le contenu du body d'une autre page, et l'affiche dans la page. <br class='autobr' /> < ?php // cette fonction técupère le contenu d'un document distant function geturl($laurl) $data=null ; if($http= fopen($laurl,"r")) while(!feof($http)) $data .=fgets($http,1024) ; (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a> <div class='rss_chapo'><p>Les expressions régulières sont un outil puissant pour rechercher des éléments précis dans un code compliqué. Ici un script simple qui permet de rechercher des tags particuliers, et de les lister.</p></div> <div class='rss_texte'><p>Ce script récupère le contenu du body d'une autre page, et l'affiche dans la page.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // cette fonction técupère le contenu d'un document distant function geturl($laurl){ $data=null; if($http= fopen($laurl,"r")){ while(!feof($http)){ $data .=fgets($http,1024); } fclose($http); } return($data); } // cette fonction récupère le contenu des tags sélectionnés function get_tag($file,$tag="body"){ preg_match_all("/(<".$tag.".*>)(\w.*)(<\/".$tag.">)/ismU",$file,$patterns); return $patterns; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>Je pompe cette page</title> </head> <?php // recuperer le contenu de cette page $data=geturl("http://codedrops.net/"); // récupère le contenu du tag, tag compris $extrait=get_tag($data,"body"); // ce qui revient est un tableau, on liste tous les résultats avec foreach foreach($extrait[0] as $contenu){ echo $contenu; } ?> </html></code></pre></div> <p>La fonction preg_match_all permet de rechercher dans une chaine de caractères un "pattern", une structure de texte, et met le résultat dans un tableau, dans un ordre particulier si on le lui demande. Après avoir trouvé un premier résultat, la recherche continue jusqu'à la fin de la chaîne. <br class='manualbr' />Ici, le pattern est un tag ouvrant et fermant, qui est fourni par la fonction.<br class='manualbr' />preg_match_all fournit un tableau avec les éléments qui correspondent à la recherche.</p> <p>Construire une expression régulière requiert parfois de l'acharnement, pas mal d'aide en ligne se trouve via moteur de recherche. Ce script peut servir de point de départ.</p></div> Explode, shuffle, implode https://arts-numeriques.codedrops.net/Plus-explode-shuffle-implode https://arts-numeriques.codedrops.net/Plus-explode-shuffle-implode 2009-11-17T13:25:24Z text/html fr Stéphane Noel Php <p>Il ne s'agit pas de terrorisme mais de fonctions php utiles pour manipuler des chaines et des variables tableaux (array). Un petit script vaut mieux qu'un long discours. <br class='autobr' /> Voici un code qui récupère une page distante, en récupère le texte, puis en mélange le contenu : < ?php // cette fonction récupère une page sur le net function geturl($laurl) $data=null ; if($http= fopen($laurl,"r")) while(!feof($http)) $data .=fgets($http,1024) ; fclose($http) ; return($data) ; (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a> <div class='rss_chapo'><p>Il ne s'agit pas de terrorisme mais de fonctions php utiles pour manipuler des chaines et des variables tableaux (array). Un petit script vaut mieux qu'un long discours.</p></div> <div class='rss_texte'><p>Voici un code qui récupère une page distante, en récupère le texte, puis en mélange le contenu :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // cette fonction récupère une page sur le net function geturl($laurl){ $data=null; if($http= fopen($laurl,"r")){ while(!feof($http)){ $data .=fgets($http,1024); } fclose($http); } return($data); } // appel de la fonction avec l'adresse choisie $data=geturl("http://codedrops.net/"); // on enlève tous les tags sauf les liens $data=strip_tags($data,"<a>"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>Un texte mélangé</title> </head> <body> <h1>Le texte original</h1> <?php // le texte original, sans les tags à part les liens echo $data; ?> <h1>Le texte mélangé</h1> <?php // on sépare en utilisant les espaces dans un array $data=explode(" ",$data); // on melange l'array shuffle($data); // on réassemble le array en string en séparant par un espace $mix=implode(" ",$data); echo $mix; ?> </body> </html></code></pre></div> <p>La fonction geturl() sert à récupérer le code d'une page distante. Une fois ce code brut récupéré, la fonction strip_tags() va permettre d'en expurger tous les tags. Un argument optionnel peut être ajouté à la fonction pour garder certains tags spécifiques. Ici, les liens.</p> <p>Après avoir affiché le résultat de ces deux opérations, le script va faire trois choses : <br /><span class="spip-puce ltr"><b>–</b></span> Utiliser explode() pour transformer le texte (techniquement c'est une chaine de caractère ou string) en une variable tableau (une liste numérotées d'éléments), en utilisant comme critère de coupure entre les éléments de la chaine ce qui se trouve entre les guillemets, ici un espace. <br /><span class="spip-puce ltr"><b>–</b></span> La fonction shuffle() est faite pour mélanger un tableau. <br /><span class="spip-puce ltr"><b>–</b></span> la fonction implode() fait l'inverse de explode : elle fabrique une chaine de caractères à partir d'un tableau, en intercalant ce qui se trouve entre guillements entre chaque élément du tableau.</p></div> Boucles for et while https://arts-numeriques.codedrops.net/Boucles-for-et-while https://arts-numeriques.codedrops.net/Boucles-for-et-while 2009-11-10T13:17:08Z text/html fr Stéphane Noel Php <p>Pourquoi utiliser les boucles Les boucles sont un outil fondamental pour répéter une opération un certain nombre de fois, pour parcourir un ensemble de données dans un tableau. <br class='autobr' /> Imaginons que l'on veut créer 10 éléments de type "div" carrés dans une page html. On pourra écrire. <br class='autobr' /> 1 2 3 4 5 6 7 8 9 10 <br class='autobr' /> Fastidieux. Mais si on vous demande d'en faire 200, Ça devient l'enfer. <br class='autobr' /> Avec une boucle, ce sera le même travail d'en faire 20 ou 300. Voici : < ?php for($a=1 ;$a".$a."" (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Tutorial-" rel="directory">Tutorial</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a> <div class='rss_texte'><h2 class="spip">Pourquoi utiliser les boucles</h2> <p>Les boucles sont un outil fondamental pour répéter une opération un certain nombre de fois, pour parcourir un ensemble de données dans un tableau.</p> <p>Imaginons que l'on veut créer 10 éléments de type "div" carrés dans une page html. On pourra écrire.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><div style="width:100px;height:100px;background-color:red">1</div> <div style="width:100px;height:100px;background-color:red">2</div> <div style="width:100px;height:100px;background-color:red">3</div> <div style="width:100px;height:100px;background-color:red">4</div> <div style="width:100px;height:100px;background-color:red">5</div> <div style="width:100px;height:100px;background-color:red">6</div> <div style="width:100px;height:100px;background-color:red">7</div> <div style="width:100px;height:100px;background-color:red">8</div> <div style="width:100px;height:100px;background-color:red">9</div> <div style="width:100px;height:100px;background-color:red">10</div></code></pre></div> <p>Fastidieux. Mais si on vous demande d'en faire 200, Ça devient l'enfer.</p> <p>Avec une boucle, ce sera le même travail d'en faire 20 ou 300. Voici :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php for($a=1;$a<30;$a++){ echo "<div style=\"width:100px;height:100px;background-color:red\">".$a."</div>" }</code></pre></div> <p>Remarquez que la variable qui sert à déterminer le nombre de répétitions sert à l'intérieur de la boucle, c'est une variable comme une autre.</p> <h2 class="spip">Principe des boucles</h2> <p>Une boucle répète les instructions contenues entre les accolades tant que la condition entre les parenthèses est vraie. <br class='manualbr' />Dans l'exemple ci dessus, la boucle se répète tant que $a est inférieur à 30. Cette variable $a est initialisée avec la valeur 1, et sa valeur augmentera de 1 à chaque fois que la boucle est répété ($a++ signifie "incrémenter $a" de 1).</p> <h2 class="spip">Attention</h2> <p> donc à ce que la condition puisse être remplie à un moment donné, sans quoi la boucle va se répéter à l'infini et votre code va planter...</p> <h2 class="spip">la boucle for</h2><div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // Boucle for echo "<h2>Boucle for</h2>"; for ($i=0;$i<15; $i++){ echo $i."<br />"; } ?></code></pre></div><h2 class="spip">La boucle while</h2> <p>Ici, le code est plus simple, et donc plus dangereux. La boucle se répète tant que la condition entre parenthèses est vraie, et c'est à vous, entre les accolades, qui devez rendre fausse cette condition, sous peine de voir la boucle tourner folle.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // boucle while echo "<h2>Boucle while</h2>"; $i=0; while($i!=30){ $i++; echo $i."<br />"; } ?></code></pre></div><h2 class="spip">La boucle foreach</h2> <p>La boucle foreach permet de parcourir une variable tableau élément par élément. Elle est très pratique notamment pour afficher des résultats sortant d'une base de donnée.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code>$liste=array("un","jour","mon","prince","viendra"); foreach($liste as $element){ echo $element."<br />"; }</code></pre></div> <p>$liste, qui est un tableau d'élément, est parcouru par la boucle foreach, la variable $element reçoit chaque élément de la liste dans l'ordre, à chaque tour. La boucle s'arrête après avoir listé le dernier élément.</p></div> Générer un pdf avec FPDF https://arts-numeriques.codedrops.net/Plus-generer-un-pdf-avec-FPDF https://arts-numeriques.codedrops.net/Plus-generer-un-pdf-avec-FPDF 2008-12-11T00:22:02Z text/html fr Stéphane Noel Php Open Source Big book <p>Fpdf est une classe qui permet de générer des pdf sans librairie additionnelle. La documentation est en français pour une fois alors profitons-en. <br class='autobr' /> Fpdf est une classe assez puissante qui permet de créer des pdf, d'y incorporer du texte, des images, ainsi que des éléments de types lignes, cercles, etc. Quelques contributions permettent d'étendre ses fonctionnalités, pour faire des doubles pages notamment. <br class='autobr' /> Ici le script que nous allons faire va générer un pdf de jaquette dvd, (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a>, <a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag">Open Source</a>, <a href="https://arts-numeriques.codedrops.net/+-Big-book,62-+" rel="tag">Big book</a> <div class='rss_chapo'><p>Fpdf est une classe qui permet de générer des pdf sans librairie additionnelle. La documentation est en français pour une fois alors profitons-en.</p></div> <div class='rss_texte'><p>Fpdf est une classe assez puissante qui permet de créer des pdf, d'y incorporer du texte, des images, ainsi que des éléments de types lignes, cercles, etc. Quelques contributions permettent d'étendre ses fonctionnalités, pour faire des doubles pages notamment.</p> <p>Ici le script que nous allons faire va générer un pdf de jaquette dvd, avec une tranche, une image d'illustration, un titre, un texte de présentation, etc.</p> <p>Le script complet est fourni en bas de cette page, il est commenté. N'oubliez pas d'aller voir pour plus d'information <a href="http://www.fpdf.org/" class="spip_out" rel="external">la partie "manuel" du site de fpdf</a>.</p> <p>Le script envoie directement le pdf vers le navigateur, ce qui signifie qu'aucun fichier n'est créé sur le serveur. Sauver le document sur le serveur est évidemment possible.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // on va faire une pochette de dvd, avec la tranche et tout require('fpdf.php'); // creer le pdf en mode portrait, unites en mm, de 270 sur 180 mm $pdf=new FPDF('P','mm',array(270,180)); $pdf->SetAutoPageBreak(0); // importer la police sf_old_republic $pdf->AddFont('sf_old_republic','','92d32b2fabae934a986869823839779b_sf_old_republic.php'); // cree une page dans le document, sinon vide $pdf->AddPage(); // couleur de remplissage : noir $pdf->SetFillColor(0,0,0); // on crée la tranche avec un rectangle noir $pdf->Rect(127.5, 0, 15, 180, "F"); // importation de l'image en couverture en forçant la taille $pdf->Image('Will_code_HTML_for_food.jpg',142.5,45,127.5,170); // definir la police : sf_old_republic en 45 points // placement du pointeur et ecriture du titre $pdf->SetFont('sf_old_republic','',45); $pdf->SetXY(150,8); $pdf->MultiCell(100,15,'Will code PHP for food',0,"L"); // importation de l'image en couverture arriere $pdf->Image('Will_code_HTML_for_food.jpg',10,10,50,70); // descriptif // placer le pointeur pour le texte // definir le texte // ecrire le titre et texte avec multicell $pdf->SetXY(30,90); $pdf->SetFont('Arial','B',12); $pdf->MultiCell(100,5,'Will code PHP for food',0,"L"); $pdf->SetX(30); $pdf->SetFont('Arial','',9); $texte="Un film inoubliable, avec de vrais tramps et de vraies page en html 4, du php, du javascript, et du débuggage pour compatibilité avec les principaux navigateurs.\nLe sous-prolétariat gagne ce qui était encore recemment des metiers à haut potentiel, que fait la profession ? Elle brade son savoir faire. \n\n'Epatant', nous dit le magasine Premiere."; $pdf->MultiCell(80,4,utf8_decode($texte)); // placer le copyright $pdf->SetXY(10,-10); $pdf->SetFont('Arial','I',8); $texte="Copyright Workplace testing crew"; $pdf->Cell(120,2,$texte); // le titre sur la tranche // couleur : blanc $pdf->SetTextColor(255,255,255); $pdf->SetXY(129.5,17); $pdf->SetFont('Arial','B',18); // moche bidouille : placer des retour chariot pour la tranche $texte="W\ni\nl\nl\n\nc\no\nd\ne\n\nP\nH\nP\n\nf\no\nr\n\nf\no\no\nd"; $pdf->MultiCell(10,7,strtoupper($texte),0,"C"); // sortir le pdf vers le navigateur $pdf->Output(); ?></code></pre></div><h2 class="spip">Plus : le texte à angle droit</h2> <p>La tranche utilise un texte mis à la ligne à chaque lettre. On pourrait cette partie plus élégante en opérant une rotation sur le bloc texte, ce qui est possible moyennant l'intégration d'un fonction supplémentaire <a href="http://beerbytes.blogspot.com/2007/07/pdf-trials.html" class="spip_out" rel="external">disponible ici</a>.</p> <h2 class="spip">Générer des fichiers de police utilisables avec Fpdf</h2> <p>Pour utiliser des polices différentes que les polices de base, il faut les transformer et les déposer dans le dossier contenant la classe. Un peu compliqué, mais une page de traitement a été mise à disposition pour faciliter le travail de conversion à partir d'une police ttf :<br class='manualbr' /><a href="http://fpdf.fruit-lab.de/" class="spip_out" rel="external">Générer les fichiers .php et .afm à partir d'un fichier .ttf</a></p></div> Ecrire des graffittis avec jquery, php et mysql https://arts-numeriques.codedrops.net/Plus-ecrire-des-graffittis-avec https://arts-numeriques.codedrops.net/Plus-ecrire-des-graffittis-avec 2008-12-08T23:27:33Z text/html fr Stéphane Noel Javascript (X)html Php CSS Ajax <p>Un exemple simple et complet : intervenir sur une page en cliquant dessus, sauvegarder le résultat dans une base de donnée pour pouvoir les afficher au rechargement de la page. <br class='autobr' /> Ce code est perfectible : on peut imaginer pouvoir demander une image au lieu d'écrire du texte, de fabriquer une texte en image avec gd2, de choisir une couleur, de naviguer dans la profondeur des messages, de recharger régulièrement la page en ajax pour en faire un espèce de chat... <br class='autobr' /> 1) La page (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Javascript-+" rel="tag">Javascript</a>, <a href="https://arts-numeriques.codedrops.net/+-X-html-+" rel="tag">(X)html</a>, <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a>, <a href="https://arts-numeriques.codedrops.net/+-CSS-+" rel="tag">CSS</a>, <a href="https://arts-numeriques.codedrops.net/+-Ajax-+" rel="tag">Ajax</a> <div class='rss_chapo'><p>Un exemple simple et complet : intervenir sur une page en cliquant dessus, sauvegarder le résultat dans une base de donnée pour pouvoir les afficher au rechargement de la page.</p></div> <div class='rss_texte'><p>Ce code est perfectible : on peut imaginer pouvoir demander une image au lieu d'écrire du texte, de fabriquer une texte en image avec gd2, de choisir une couleur, de naviguer dans la profondeur des messages, de recharger régulièrement la page en ajax pour en faire un espèce de chat...</p> <h2 class="spip">1) La page d'initialisation de la base de donnée</h2> <p>On externalise cette part du code pour la réemployer 2 fois.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // ouverture de la connexion - ici pour mamp - $hote="localhost"; $utilisateur="root"; $password="root"; // ouverture de la connexion $connexion = mysql_connect($hote,$utilisateur,$password); // ici il faudrait pour être complet tester que la base existe, au besoin la creer // si vous utilisez ce script, vous devez donc créer manuellement la table mysql_tests dans phpmyadmin mysql_select_db('mysql_page',$connexion); // on teste pour voir si la base existe $requete="SELECT * FROM elements;"; $requete=mysql_query($requete,$connexion); // si la table n'existe pas, la créer if (!$requete){ // contient un id auto-incrementiel, $requete="CREATE TABLE elements (id int(7) NOT NULL auto_increment, type varchar(255), contenu TEXT, style varchar(255), date datetime, PRIMARY KEY (id))"; mysql_query($requete,$connexion); } ?></code></pre></div><h2 class="spip">2) La page elle-même</h2> <p>Contient les fonctions qui crée le formulaire et fait la requête ajax, plus le listage des messages déjà écrit au chargement.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Add your comment on the metawall</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("html").click(function(coordonees){ $(".clicform").remove(); $("body").append("<div class='clicform contenu' style='top:" + coordonees.pageY + "px;left:" + coordonees.pageX + "px'><textarea id='letexte'></textarea><br /><div class='validbutton' onClick='javascript:soumettexte();'>Envoyer</div></div>"); $(".clicform textarea").focus(); $("body .clicform").click(function(){ return false; }); }); }); function soumettexte(){ var contenu=$(".clicform textarea").attr("value"); if(contenu !=""){ style=$(".clicform").attr("style"); $.ajax({ type: "POST", url: "update_page.php", data: "style=" + style + "&entrer=oui&contenu=" + contenu, success: function(msg){ //alert( "Data Saved: " + msg ); } }); } $(".clicform").each(function(){ $(this).html(contenu); $(this).removeClass("clicform"); }); return false; } </script> </head> <body> <?php include('init_base.php'); $larequete="SELECT * FROM elements"; $requete = mysql_query($larequete,$connexion); $total = mysql_num_rows($requete); if ($total) { while($row = mysql_fetch_array($requete)) { // ecriture les elements depuis la db echo "<div class=\"contenu\" style=\"".$row['style']."\" >".stripslashes($row['contenu'])."</div>\n"; } } ?> </body> </html></code></pre></div><h2 class="spip">3) La page qui entre les message dans la db</h2> <p>Cette page est appellée par jquery. Ce code de démo n'est pas dégradable. Son activation par cliquer-pointer est trop appuyé sur le javascript pour l'être...</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php include('init_base.php'); // initialiser la variable message $message=""; // tester que post contient ce qui nous interesse, c'est à dire au moins une array associative "entrer" // traiter ce qui a été envoyé par le formulaire if(isset($_POST['entrer'])){ // on sécurise le contenu avec addslashes $contenu=addslashes($_POST['contenu']); $style=addslashes($_POST['style']); // on prépare une date $date = date("Y-m-d H:m:s"); // on insère $requete="INSERT INTO elements ( type,contenu,style,date ) VALUES ('texte','$contenu', '$style', '$date')"; $envoi=mysql_query($requete,$connexion); // si c'est reussi, le dire dans le message if($envoi){ echo "Nouveau contenu entré"; } } ?></code></pre></div><h2 class="spip">4) Les styles css</h2> <p>Dans le fichier style.css, quelques lignes.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code>body { font-family:arial, sans-serif; font-size:11px; } .clicform { background-color:#fff; border:1px solid #ccc; } .clicform textarea{ heigth:4em; } .contenu { position:absolute; } .clicform textarea, .contenu { font-size:21px; font-weight:bold; color: #666; width:200px; } .validbutton { font-size:12px; }</code></pre></div> <p>Ajouter à ceci évidemment la librairie <a href='https://arts-numeriques.codedrops.net/jQuery'>http://jquery.com</a>...</p></div> Pense bête php https://arts-numeriques.codedrops.net/Pense-bete-php https://arts-numeriques.codedrops.net/Pense-bete-php 2008-11-30T19:45:29Z text/html fr Stéphane Noel Php <p>Les codes que l'on doit avoir en tête et sous la main <br class='autobr' /> Déclarer du PHP Ne pas oublier de mettre votre code php entre les bons tags <br class='autobr' /> < ?php // ici votre code php - double slashe pour commenter ?> <br class='autobr' /> ecrire quelque chose dans la page Le code php s'execute mais n'est évidemment pas vu dans la page envoyée vers le navigatuer. Pour qu'il écrive quelque chose dans la page il faut lui specifier : $lavariable="est belle" ; echo "ma phrase ".$lavariable." " ; <br class='autobr' /> Déclarer une variable en php Ne (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Tutorial-" rel="directory">Tutorial</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a> <div class='rss_chapo'><p>Les codes que l'on doit avoir en tête et sous la main</p></div> <div class='rss_texte'><h2 class="spip">Déclarer du PHP</h2> <p>Ne pas oublier de mettre votre code php entre les bons tags</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // ici votre code php - double slashe pour commenter ?></code></pre></div><h2 class="spip">ecrire quelque chose dans la page</h2> <p>Le code php s'execute mais n'est évidemment pas vu dans la page envoyée vers le navigatuer. Pour qu'il écrive quelque chose dans la page il faut lui specifier :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code>$lavariable="est belle"; echo "ma phrase ".$lavariable."<br />";</code></pre></div><h2 class="spip">Déclarer une variable en php</h2> <p>Ne pas oublier bien sûr de terminer chaque instruction par " ;", bien sûr.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php $mavariable=7; $ma_phrase="ma phrase"; ?></code></pre></div><h2 class="spip">Boucle for</h2> <p>La boucle for permet de repeter une portion de code un certain nombre de fois, et d'utiliser le "pas" de la boucle grâce à la variable qui sert de test.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code>for($i=0;$i<60;$i++) { // ceci se repete tant que la condition est vraie // dans ce cas de 0 à 59 echo $i; }</code></pre></div><h2 class="spip">Boucle while</h2> <p>Plus délicate, la boucle for se pépère tant que la condition est vraie, il faut que le code de la boucle permette de rendre faux le test sinon c'est le plantage.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code>while($i=0:$i=60;$i++){ echo $i; $i++; }</code></pre></div><h2 class="spip">inclure une autre page</h2> <p>Inclure une autre page est utile pour centraliser un code dans un fichier séparé que l'on appelle, plutôt que de le réécrire dans plusieurs pages.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php include("monfichier.php"); ?></code></pre></div></div> Un navigateur automatique avec opendir et jquery https://arts-numeriques.codedrops.net/Plus-un-navigateur-automatique https://arts-numeriques.codedrops.net/Plus-un-navigateur-automatique 2008-11-26T00:11:35Z text/html fr Stéphane Noel Javascript (X)html Php Ajax <p>Une application simple, melant php et jquery, permettant avec un seul fichier de naviguer dans les pages html d'un dossier. Ce script fabrique un menu déroulant comprenant toutes les pages html trouvées dans le dossier où il est déposé avec php, et permet d'afficher le contenu de ces pages sans rechargement grâce à jquery.</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Javascript-+" rel="tag">Javascript</a>, <a href="https://arts-numeriques.codedrops.net/+-X-html-+" rel="tag">(X)html</a>, <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a>, <a href="https://arts-numeriques.codedrops.net/+-Ajax-+" rel="tag">Ajax</a> <div class='rss_chapo'><p>Une application simple, melant php et jquery, permettant avec un seul fichier de naviguer dans les pages html d'un dossier. Ce script fabrique un menu déroulant comprenant toutes les pages html trouvées dans le dossier où il est déposé avec php, et permet d'afficher le contenu de ces pages sans rechargement grâce à jquery.<br class='manualbr' />Ce code a été produit pour un besoin personnel, il n'est pas dégradable.</p></div> <div class='rss_texte'><p>Voici le code php/html/javascript complet. Pour le faire fonctionner, il faut placer le fichier de la librairie jquery avec comme nom "jquery.js" dans un dossier "includes". Ceci pour clairement séparer dans le dossier les pages html des autres éléments. Le script php ne sélection que les pages html, mais tout de même, c'est plus propre.</p> <p><strong>Le dossier zippé reprend tout ça.</strong></p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>Presentation technique et technologie - Stéphane Noël</title> <script type="text/javascript" src="include/jquery.js"></script> <link rel="stylesheet" type="text/css" href="include/styles.css"/> <script type="text/javascript"> $(document).ready(function(){ // quand la page est entierement chargee // on ajoute un script qui se déclenche lorsque l'on change la valeur du selecteur $("#selecteur").change(function(){ var lien=$("#selecteur option:selected").attr("value"); pompe(lien); }); // au démarrage de la page rien n'est charge, // alors on sélectionne le premier element du menu deroulant var lien=$("#selecteur option:first").attr("value"); pompe(lien); }); function pompe(lien){ // requete ajax $.ajax({ url: lien, cache: false, success: function(html){ // si c'est reussi, la page est dans la variable html // recupere le titre avec la fonction split et une expression reguliere var stitre = new RegExp('<title[^>]*>|</title>', 'gi'); var titre = html.split(stitre); document.title = titre[1]; // recupere le contenu de body avec la fonction split et une expression reguliere var regcorps=new RegExp('<body[^>]*>|</body>', 'gi'); var corps=html.split(regcorps); $("#visualisateur").html(corps[1]); // place le selecteur au bon endroit $('#selecteur option:selected').selected=false; $("#selecteur option[@value='" + lien + "']").attr("selected","selected"); } }); } function next() { // prend dans le selecteur la valeur de l'option suivant var lien=$("#selecteur option:selected").next().attr("value"); if(lien){ pompe(lien); } } function prec() { // prend dans le selecteur la valeur de l'option precedent var lien=$("#selecteur option:selected").prev().attr("value"); if(lien){ pompe(lien); } } </script> </head> <body> <div id="headselection"> <?php // read all html file in the current directory if ($dh = opendir('./')) { $files = array(); while (($file = readdir($dh)) !== false) { if (substr($file, strlen($file) - 5) == '.html') { array_push($files, $file); } } closedir($dh); } // on trie les fichiers sort($files); // on affiche le menu echo "<select name='selecteur' id='selecteur'>\n"; foreach ($files as $file) { $title = Title($file); // on liste un lien par option en filtrant le nom a afficher echo "<option value=\"$file\">$title</option>\n"; } echo "</select>\n"; // Function to get a human readable title from the filename function Title($filename) { $title = substr($filename, 0, strlen($filename) - 5); $title = str_replace('-', ' ', $title); $title = str_replace('_', ' ', $title); $title = ucwords($title); return $title; } ?> <a href="javascript:prec();">Précédent</a> - <a href="javascript:next();">Suivant</a> </div> <div id="visualisateur"></div> </body> </html></code></pre></div></div> Lister le contenu d'un répertoire avec PHP https://arts-numeriques.codedrops.net/plus-lister-le-contenu-d-un https://arts-numeriques.codedrops.net/plus-lister-le-contenu-d-un 2008-11-25T22:39:41Z text/html fr Stéphane Noel Php <p>Php permet de lister le contenu de répertoires, ce qui peut être utile : création de galerie image à la volée, par exemple, ou comme dans le script ci dessous, lister les pages html et en faire un navigateur automatique. <br class='autobr' /> Lister le contenu brut On va commencer par lister comme des brutes ce qu'il y a dans le dossier pointé. Ici on pointe sur le répertoire courant, celui où est placé notre fichier. Voir la définition de opendir sur php.net <br class='autobr' /> < ?php $dir = "./" ; // si le (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a> <div class='rss_chapo'><p>Php permet de lister le contenu de répertoires, ce qui peut être utile : création de galerie image à la volée, par exemple, ou comme dans le script ci dessous, lister les pages html et en faire un navigateur automatique.</p></div> <div class='rss_texte'><h2 class="spip">Lister le contenu brut</h2> <p>On va commencer par lister comme des brutes ce qu'il y a dans le dossier pointé. Ici on pointe sur le répertoire courant, celui où est placé notre fichier.<br class='manualbr' /><a href="http://be.php.net/manual/fr/function.opendir.php" class="spip_out" rel="external">Voir la définition de opendir sur php.net</a></p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php $dir = "./"; // si le dossier pointe existe if (is_dir($dir)) { // si il contient quelque chose if ($dh = opendir($dir)) { // boucler tant que quelque chose est trouve while (($file = readdir($dh)) !== false) { // affiche le nom et le type echo "fichier : $file : type : " . filetype($dir . $file) . "<br />\n"; } // on ferme la connection closedir($dh); } } ?></code></pre></div> <p>C'est brut de brut car les deux premiers items de la liste sont "." et ".." qui sont des éléments du serveurs, pas censés être vus.</p> <p>On peut affiner un peu pour les masquer :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php $dir = "./"; // si le dossier pointe existe if (is_dir($dir)) { // si il contient quelque chose if ($dh = opendir($dir)) { // boucler tant que quelque chose est trouve while (($file = readdir($dh)) !== false) { // affiche le nom et le type si ce n'est pas un element du systeme if( $file != '.' && $file != '..') { echo "fichier : $file : type : " . filetype($dir . $file) . "<br />\n"; } } // on ferme la connection closedir($dh); } } ?></code></pre></div> <p>Voilà . On peut affiner le script pour n'afficher que les dossier ou n'afficher que les fichiers, en testant le type. On peut aussi afficher les dossiers puis les fichiers, on peut aussi faire des liens sur les noms de fichiers pour les ouvrir, bref on peut faire beaucoup de chose.</p> <p>Pour pouvoir afficher uniquement les images, on placera par exemple en plus du test sur les elements système :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code>if( $file != '.' && $file != '..' && preg_match('#\.(jpe?g|gif|png)$#i', $file)) {</code></pre></div> <p>C'est une expression régulière qui vérifie que le fichier se termine par une des extensions d'image web : jpeg, jpg, gif ou png. Les expressions régulières sont un outil puissant mais parfois difficile à manipuler. Les coder, ou faire des recherches sur le net pour trouver la bonne est parfois casse-tête. Mais quand ça marche, c'est puissant.<br class='manualbr' />On peut donc faire la même chose pour sélectionner d'autres types de fichiers.</p></div> Un formulaire avec entrée dans une base mysql https://arts-numeriques.codedrops.net/Plus-un-formulaire-avec-entree https://arts-numeriques.codedrops.net/Plus-un-formulaire-avec-entree 2008-11-25T11:19:03Z text/html fr Stéphane Noel Php Mysql <p>Un script simple contenant tout-en-un un formulaire, son script de traitement et la liste du contenu de la base. Minimal pour voir toutes les étapes et les précautions d'usage. <br class='autobr' /> Toutes les parties rassemblées ici sont parfois placées dans des fichiers distincts : formulaires et traitement par exemple peuvent être dissociés facilement pour des raisons de facilité. <br class='autobr' /> Le script ci présent contient des informations de configuration que vous devez adapter à votre environnement de test (…)</p> - <a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory">Exemples</a> / <a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag">Php</a>, <a href="https://arts-numeriques.codedrops.net/+-Mysql-+" rel="tag">Mysql</a> <div class='rss_chapo'><p>Un script simple contenant tout-en-un un formulaire, son script de traitement et la liste du contenu de la base. Minimal pour voir toutes les étapes et les précautions d'usage.</p></div> <div class='rss_texte'><p>Toutes les parties rassemblées ici sont parfois placées dans des fichiers distincts : formulaires et traitement par exemple peuvent être dissociés facilement pour des raisons de facilité.</p> <p>Le script ci présent contient des informations de configuration que vous devez adapter à votre environnement de test pour utiliser les scipts : <br /><span class="spip-puce ltr"><b>–</b></span> le nom du serveur (souvent localhost) <br /><span class="spip-puce ltr"><b>–</b></span> le nom d'utilisateur et le mot de passe <br /><span class="spip-puce ltr"><b>–</b></span> la base est à créer manuellement, elle s'appelle "mysql_tests"</p> <p>Une fois que c'est fait, ça devrait marcher !</p> <p>Le code est commenté pour que vous puissiez lire ligne par ligne ce qu'il fait.</p> <p>Le zip attaché à cet article contient le script complet avec un css.</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><?php // ouverture de la connexion - ici pour mamp - $hote="localhost"; $utilisateur="root"; $password="root"; // ouverture de la connexion $connexion = mysql_connect($hote,$utilisateur,$password); // choix de la base CD_test // ici il faudrait pour être complet tester que la base existe, au besoin la creer // si vous utilisez ce script, vous devez donc créer manuellement la table mysql_tests dans phpmyadmin mysql_select_db('mysql_tests',$connexion); // on teste pour voir si la base existe $requete="SELECT * FROM record;"; $requete=mysql_query($requete,$connexion); // si la table n'existe pas, la créer if (!$requete){ // contient un id auto-incrementiel, un nom, un contenu, et une date $requete="CREATE TABLE record (id int(7) NOT NULL auto_increment, nom varchar(255), contenu TEXT, date datetime, PRIMARY KEY (id))"; mysql_query($requete,$connexion); } // initialiser la variable message $message=""; // tester que post contient ce qui nous interesse, c'est à dire au moins une array associative "entrer" // traiter ce qui a été envoyé par le formulaire if(isset($_POST['entrer'])){ // on sécurise le contenu avec addslashes $contenu=addslashes($_POST['contenu']); // on prépare une date $date = date("Y-m-d H:m:s"); // on insère $requete="INSERT INTO record ( nom,contenu,date ) VALUES ('entree','$contenu','$date')"; $envoi=mysql_query($requete,$connexion); // si c'est reussi, le dire dans le message if($envoi){ $message .="<div id='message'>Nouveau contenu entré</div>"; } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>Formulaire simple d'échange avec une base de données</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="general"> <h1>Fill base</h1> <p> Cette page contient tout-en-un un formulaire, son script de traitement et la liste de son contenu. Un script très minimal qui permet de voir toutes les étapes. </p> <?php echo $message; ?> <form method="post" action="form_et_table.php"> <textarea name="contenu"></textarea> <input type="submit" name="entrer" value="Entrer dans la base" /> </form> <hr /> <h2>Contenu de la base</h2> <table> <?php $larequete="SELECT * FROM record ORDER BY id DESC"; $requete = mysql_query($larequete,$connexion); $total = mysql_num_rows($requete); if ($total) { while($row = mysql_fetch_array($requete)) { // ecriture des tags de retour echo "<tr>\n"; echo "<td>".$row['id']."</td>"; echo "<td>".$row['nom']."</td>"; echo "<td>".$row['contenu']."</td>"; echo "<td>".$row['date']."</td>"; echo "\n</tr>\n"; } } else { echo "<tr><td>pas d'entrée</td></tr>"; } ?> </table> </div> </body> </html></code></pre></div></div>