Entrées par t@ra

Protection contre les injections HTML XCSS

La fonction htmlentities() permet de protéger l'affichage de données dont on n'est pas sûr de l'origine en rendant toutes les balises XHTML inopérentes. Exemple: http://www.monsite.com?monpseudo=<strong>Justine</strong><script src="http://hacker.com/injection.js" > <?php echo "Salut ".htmlentities($_GET['monpseudo']); ?> En gros, cette fonction va remplacer < par &lt; ou > par &gt; à l'affichage, rendant caduque toute tentative malveillante d'injection HTML (ou […]

3 janvier 2012 /0 Commentaires/par

Fonction de parcours des variables de formulaire

Cette fonction permet de récupérer les valeurs des variables passées dans un formulaire, dans un variable PHP du même nom. Cela m’a été utile lors du passage de PHP4 à PHP5. La fonction boucle sur toutes les variables passées en POST, et crée des variables PHP du même nom.

30 décembre 2011 /0 Commentaires/par

Parcourir valeurs possibles d’un type ENUM en PHP

Fonction PHP permettant de parcourir tous items du champs "monchamps" de type ENUM (énuméré) de la table "matable" fonction ListeDesEnumeres(){ $result = mysql_query("SHOW COLUMNS FROM matable LIKE 'monchamps'");   while(list($field,$type,$null,$key,$default,$extra) = mysql_fetch_row($result)){      list($junk,$type) = explode('(',$type);     list($type) = explode(')',$type);   $type = str_replace("'",'',$type);   $types = explode(',',$type);   }     mysql_free_result($result);     unset($type);   //foreach($types as $type) echo $type;     […]

21 décembre 2011 /0 Commentaires/par

Exemple d’utilisation de la fonction COUNT()

Soient deux tables table_tuto avec les champs "id" et "titre" table_tuto_click avec les champs "id" "id_tuto" et "date_click" qui contient un enregistrement par click sur un tuto. La fonction count() dans la requête SQL suivante va me permettre de savoir combien de fois chaque tuto a été cliqué depuis le 1 janvier 2011 SELECT tt.titre, […]

21 décembre 2011 /0 Commentaires/par

Disfonctionnement de WAMP à l’ouverture d’une page php

Tout d'un coup, lorsque j'ouvre une page d'un site hébergé en localhost, le navigateur Firefox me renvoir une fenêtre popup avec le message : Vous avez choisi d'ouvrir mon-fichier.php qui est un fichier de type : application/x-httpd-php à partir de http://localhost Que doit faire Firefox avec ce fichier ? Après quelques heures de recherche je […]

20 décembre 2011 /0 Commentaires/par

Ajouter des styles dans la barre d’outils de ckeditor

Pour rajouter des styles dans la barre des outils ckeditor, ajouter dans le fichier default.js situé à la racine du répertoire ckeditor : CKEDITOR.stylesSet.add( 'my_styles', [ // Block-level styles { name : 'Blue Title', element : 'h2', styles : { 'color' : 'Blue' } }, { name : 'Red Title' , element : 'h3', styles […]

19 décembre 2011 /0 Commentaires/par

Erreur javascript « w is undefined »

Si vous souffrez d'une erreur javascript "w is undefined" lors de l'utilisation de ckeditor, vérifiez l'intégrité du code de déclaration : CKEDITOR.replace('description',{ uiColor : '#be0930', width : '750px', height : '400px' }); Une erreur dans les paramètres de configuration pourra avoir généré ce message d'erreur

19 décembre 2011 /0 Commentaires/par

Dessiner un triangle avec CSS3

Ci dessous un exemple de triangles haut et bas dessinés sans image, uniquement en utilisant les feuilles de style CSS et la propriété "border" sur un élément div     Les styles CSS suivants ont été appliqués à deux DIV de class "triangehaut" et "trianglebas" pour dessiner les triangles. Styles CSS pour dessiner des triangles  .trianglehaut{ border-color: transparent […]

19 décembre 2011 /0 Commentaires/par

Format e-mail et téléphone portable

Fonctions utiles utilisant les expressions régulières regExp pour vérifier qu’une chaîne est au format adresse email ou téléphone portable : Fonction de vérification de validité d’un email en javascript Fonction de vérification de la validité d’un téléphone portable en javascript

18 décembre 2011 /0 Commentaires/par

Savoir si une variable est définie en javascript

En javascript, il n’existe pas d’équivalent de la fonction isset en php pour déterminter si une variable a été définie préalablement.On peut savoir si une variable existe en javascript avec l’opérateur typeof () qui renvoit « undefined », si la variable passée en paramètre existe:

18 décembre 2011 /0 Commentaires/par

Formater une chaine en URL

Fonction qui permet de faire de générer des chaînes conformes aux URLs en formatant par exemple le titre d’une page sous format URL, soit sous forme de caractères alphanumériques et tirets uniquement. On utilise d’abord la fonction de suppression des accents dans une chaine <?php function SupprimeLesAccents($mot){     return strtr( $mot, « ÀÁÂÃÄÅàáâãäåÒÓÔÕÖØòóôõöøÈÉÊËèéêëÇçÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ », « AAAAAAaaaaaaOOOOOOooooooEEEEeeeeCcIIIIiiiiUUUUuuuuyNn » ); } […]

18 décembre 2011 /0 Commentaires/par

Division en PHP – Partie entière

L’opérateur de division en PHP est le « / » $a / $b Pour obtenir la partie entière d’une division en php, il faut transcrypter le résultat de la division en entier. Pour imposer le type d’une variable, le nom du type désiré est écrit entre parenthèses avant la variable à traiter. exemple : (bool)$mavariable ou (float)$mavariable […]

18 décembre 2011 /0 Commentaires/par

Atteindre une ancre avec JQuery

Une ancre dans une page HTML est un point de repère dans la page vers lequel on va faire un lien afin que le haut de la fenêtre du navigateur se positionne directement sur ce point (au lieu d’avoir à scroller à la main pour y parvenir). Très pratique pour les pages avec beaucoup de […]

18 décembre 2011 /0 Commentaires/par

Problème(ou pas):JQuery ferme automatiquement les balises HTML

Selon la logique de codage que l’on souhaite utiliser, ça peut être très embêtant : Si l’on ajoute des balises HTML dans le DOM, ici un paragraphe,  grâce à JQuery : Dans l’idée de remplir ensuite dynamiquement le paragraphe avant de le refermer, et bien JQuery prend l’initiative de refermer le paragraphe en injectant la […]

18 décembre 2011 /0 Commentaires/par

Sélecteurs RegExp et JQuery

Un article lourd de promesses sur l’utilisation des expressions régulières dans JQuery moyennant l’ajout du plugin suivant : Exemple d’utilisation : séléctionne tous les éléments dont l’id commence par une voyelle Lire l’article car je n’ai pas encore étudié cette fonctionnalité de près :

18 décembre 2011 /0 Commentaires/par

Détecter lorsqu’on appuie sur la touche entrée en JQuery

Voici une fonction qui affiche une alerte lorsque l'utilisateur appuie sur la touche entrée dans un input. J'utilise l'événement keyup() de JQuery qui se déclenche lorsqu'une touche est relâchée. Code HTML : <input type="text" id="titre"> Code JQuery : $('#titre').keyup(function(e) { if(e.keyCode == 13) { // KeyCode de la touche entrée alert('Hey ! Tu as appuyé […]

18 décembre 2011 /0 Commentaires/par

Date courante dans une requête Mysql

Voici les fonctions utiles pour utiliser la date courante dans une requête Mysql : Date courante MySQL, fonction CURDATE() : La fonction CURDATE() renvoie la date du jour sous le format 'YYYY-MM-DD' Date et heure courante MySQL, fonction NOW() : Les fonctions CURRENT_TIMESTAMP() et NOW() renvoient en plus l'heure courante Exemple :  Sélection dans la […]

18 décembre 2011 /0 Commentaires/par

Problème de changement d’opacité d’image avec transparence sous … IE

Il semblerait que IE<9 gère mal le changement d'opacité animé sous JQuery d'une image à fond transparent , tel que : $("#monimage").animate({opacity:1},600); Le symptôme est l'apparition d'un fond noirâtre du plus mauvais effet durant l'animation. Pas trouvé de remède au mal, à part le patch salvateur quoi que sectaire  (en utilisant la propriété JQuery de […]

18 décembre 2011 /0 Commentaires/par

Problème(ou pas):JQuery ferme automatiquement les balises HTML

Selon la logique de codage que l'on souhaite utiliser, ça peut être très embêtant : Si l'on ajoute des balises HTML dans le DOM, ici un paragraphe,  grâce à JQuery : $("#monDiv").append("<p>"); Dans l'idée de remplir ensuite dynamiquement le paragraphe avant de le refermer, et bien JQuery prend l'initiative de refermer le paragraphe en injectant […]

18 décembre 2011 /0 Commentaires/par

Afficher un message avant de quitter une page

L'événément javascript onunload est déclenché lorsque l'utilisateur quitte la page. De même que l'événement onload (déclenché au chargement de la page), onUnload est utilisé sous la forme d'attribut de la balise <body>.  Le code suivant est à placer dans la balise <body> de votre page, au moment où l'utilisateur quitte la page, une fenetre apparaîtra, lui proposant le texte passé en […]

18 décembre 2011 /0 Commentaires/par

Vérifier la validité d’une chaîne JSON

Une chaîne JSON accepte les données de type numérique les chaînes de caractères les booleans les tableaus les objets l'objet null. La fonction suivante vous permet de vérifier la validité d'une chaine JSON : if (/^[],:{}s]*$/.test(text.replace(/["/bfnrtu]/g, '@').      replace(/"[^"nr]*"|true|false|null|-?d+(?:.d*)?(?:[eE][+-]?d+)?/g, ']').      replace(/(?:^|:|,)(?:s*[)+/g, ''))) {     alert ('format JSON correct');    }else{      alert ('format JSON […]

18 décembre 2011 /0 Commentaires/par

Comment récupérer ou supprimer l’extension d’un fichier en PHP ?

$nomdufichier=’mon_fichier.gif’; Fonction utile pour récupérer l’extension d’un fichier en php : En utilisant la fonction PHP strrchr ($chaine, $i) qui renvoie le segment de chaîne qui suit et contient la dernière occurance de $i . $extension=strrchr($nomdufichier,’.’); $extension contient « .gif » Si l’on veut supprimer le point, on supprime le 1er caractère de la chaîne grâce à la fonction substr() : Fonction […]

17 décembre 2011 /0 Commentaires/par

Rajouter un élément dans le DOM

JQuery permet de rajouter à la volée des événements dans le DOM. Ici l’on créé un nouvel élément DIV dans le DOM (qui n’existe pas dans le document HTML de départ) var new_element = jQuery(‘<div id= »new_elt »>?</div>’); // On ajoute du style avec la fonction .css() new_element.css({ background: ‘gray’, width : ’50px’, height : ’30px’, padding : […]

14 décembre 2011 /0 Commentaires/par

stopPropagation() ou Empêcher un évenement de se propager aux parents de l’élément

Utilisation de l'évenement  stopPropagation par l'exemple  Code HTML : <div id="div_pere"> <div class="div_fils"></div> <div class="div_fils"></div> <div class="div_fils"></div> </div> Je voudrais qu'un click sur le père déclenche l'évenement click du premier fils, j'ai donc innocemment  écrit ce bout de code JQuery : $("#div_pere").click ( function (){ alert ('click pere!'); $(this).children('div:first').click(); } ); si je ne rajoute pas […]

14 décembre 2011 /0 Commentaires/par

Ombrage – propriété box-shadow

La propriété  box-shadow permet d'ajouter un effet d'ombre autour d'un élément. Dans notre exemple ci-dessous, l'élément de classe .maclasse On utilise le plus souvent la propriété suivie de 4 paramètres, ici en exemple : box-shadow : 1px (décalage vertical de l'ombre vers le bas, si valeur négative, vers le haut)                     1px (décalage horizontalde […]

14 décembre 2011 /0 Commentaires/par

Comment ne pas interpréter une commande HTML à l’affichage

htmlspecialchars permet de transformer les chevrons des balises HTML "<" en "&lt;" et ">" en "&gt;" Exemple: <?php echo htmlspecialchars ('<img src="im/monImage.jpg" />')?> Grâce à la fonction htmlspecialchars le code HTML compris dans la chaîne à afficher ne sera pas interprété par le navigateur au moment de l'affichage, c'est le code de l'image qui apparaîtra […]

14 décembre 2011 /0 Commentaires/par

Require – format d’écriture

Il est recommandé d’utiliser des slash « / » plutôt que des backslash « \ ». Les slashs étant reconnus sur toutes les plateformes. En cas d’utilisation de backslash sous windows, n’oubliez pas de les échapper.

13 décembre 2011 /0 Commentaires/par

Parcourir tous les éléments d’une classe en JQuery

Ici je parcours tous les éléments affectés de la classe"maclasse" grâce à la fonction each() de JQuery,  et je leur enlève leur background.   $(".maclasse").each(function(){ $(this).css({"background":""}); }); La fonction each() fait une boucle sur les éléments du DOM du type ou de la classe (on peut utiliser $(img).each() pour parcourir tous les éléments de type […]

13 décembre 2011 /0 Commentaires/par

siblings() Parcours des frères immédiats d’un élément

La fonction siblings() de JQuery renvoie la liste des frères (du même niveau) d'un élément donné. Dans l'exemple suivant je parcours les frères DIV de l'élément d'identifiant #mondiv . Pour le parcours j'utilise la fonction JQuery each(). Je demande d'afficher sur une alerte le contenu html de chaque frère précédé de la variable i qui est  incrémentée […]

13 décembre 2011 /0 Commentaires/par

Ouvrir une nouvelle fenêtre sur lien HTML

Pour ouvrir une nouvelle fenêtre en popup depuis un lien <a href=></a>, il faut utiliser la méthode javascript window.open sur l’événement onclick du lien. Attention, ne semble plus fonctionner sur les navigateurs modernes. Fenêtre pop up en javascript sur un lien La nouvelle fenêtre créee est paramétrable dans sa taille (width, height)  mais aussi dans sa forme (avec ou sans […]

12 décembre 2011 /0 Commentaires/par

Revenir à la page précédente du navigateur

Il existe plusieurs manières de faire un lien de retour à la page précédemment visitéepar l’internaute. Revenir à la page précédente en utilisant la méthode history.go de Javascript : Revenir à la page précédente en utilisant la super globale PHP $_SERVER : Revenir à la page précédente en utilisant la fonction header() de PHP : Avertissement : Dans ce […]

12 décembre 2011 /0 Commentaires/par

Limiter le nombre de caractères saisis dans un textarea

Dans un input de type « text« , il est facile de limiter le nombre de caractères maximum que peut saisir l’utilisateur grâce à l’attribut « maxlength«  Exemple : Il n’est par contre bizarrement pas possible d’utiliser cet attribut dans un input de type « textearea« , il convient alors de faire appel à une bidouille javascript si l’on souhaite empêcher […]

12 décembre 2011 /0 Commentaires/par

Enlever des mots avec les expressions régulières

Comment supprimer  des mots dans une phrase à l’aide des expressions régulières : le texte <?php $message = « Un petit test pour [forme] trouver des textes [/forme] à mettre en forme, <br />seulement s’il sont placés comme dans cette phrase « ; echo ‘Texte original :<br />’,$message,'<br />’; ?> la regex source : http://www.expreg.com/lire-Chaines-source

11 décembre 2011 /0 Commentaires/par

configurer ckeditor

Le fichier config.js, situé à la racine du répertoire où vous avez placé ckeditor, contient les paramètres par défaut de configuration de l'editeur Wysiwyg ckeditor. Vous pouvez modifier vous même les paramètres de configuration par défaut de CkEditor dans le fichier config.js, en affectant le français par défaut, la couleur du cadre de l'éditeur, le contenu par […]

11 décembre 2011 /0 Commentaires/par

Trouver le chemin canonique absolu d’un répertoire

La fonction PHP realpath() renvoit le chemin canonique absolu du fichier passé en paramètre de la fonction.Copiez dans un fichier monfichier.php le code suivant :  Cela vous indiquera le chemin absolu du répertoire dans lequel se situe votre fichier monfichier.php. Le résultat ne contient ni lien symbolique ni /../

10 décembre 2011 /0 Commentaires/par

@font-face ou Comment choisir une police non standard

la règle CSS @font-face permet d'utiliser des familles de police non standards. Ces polices seront  hébergées sur notre site web et nous ne seront ainsi plus limités par celles présentes sur la machine de l'internaute. Pour utiliser une font original, il suffit de faire son marché sur l'un des sites proposant des polices libres de droit […]

10 décembre 2011 /0 Commentaires/par

Mettre un lien vers la page d’accueil son site

Pour mettre un lien dirigé vers la racine de son site (ou page d’accueil) soit ici http://www.monsite.com, on peut affecter à l’attribut href = »./ » un lien relatif vers la racine du site Ou, solution recommandée pour le référencement, un lien absolu  :

9 décembre 2011 /0 Commentaires/par

Rediriger index.php à la racine du site avec le fichier .htaccess

Il est très important pour votre référencement  de rediriger  http://www.monsite.com/index.php vers http://www.monsite.com Pour cela j'utilise de préférence un fichier .htaccess que je place à la racine de mon site Code à placer dans ce fichier .htaccess RewriteEngine On RewriteRule ^index.php$ http://www.monsite.com/ [QSA,L,R=301]  

9 décembre 2011 /0 Commentaires/par

jquery récupérer les valeurs de checkbox, select et radio

Pense bête à garder sous le coude pour tout ce qui est manipulation en JQuery des inputs de type checkbox, radio et autre select … Manipuler les checkbox avec JQUERY Comment savoir si un input checkbox d'identifiant checkBox  est coché : // Première façon : utilisation de la propriété attr (attribut) alert ($('#checkBox').attr('checked')); // Deuxième […]

9 décembre 2011 /0 Commentaires/par

Instruction SWITCH condition en PHP

L’instruction switch est l’équivalent d’une suite d’instruction if, else if. Si plusieurscas obéissent à la même instruction, il suffit de les mettre les uns à la suite des autres avec une instruction vide, et d’affecter l’instruction au dernier.

8 décembre 2011 /0 Commentaires/par

Utiliser des constantes dans un fichier CSS

Une façon (je ne mesure pas vraiment sa pertinence …) de créer des constantes de couleur en css consiste à simuler un CSS avec du php Création d’un fichier CSS en PHP Soit le fichier suivant style.php <?php header(‘Content-type:text/css’); $macouleur = « red »; echo « #mondiv { border: 1px solid « . $macouleur . »; } »; echo « .monspan { border-bottom: […]

8 décembre 2011 /0 Commentaires/par

Instruction SWITCH

L'instruction switch est l'équivalent d'une suite d'instruction if, else if. Si plusieurscas obéissent à la même instruction, il suffit de les mettre les uns à la suite des autres avec une instruction vide, et d'affecter l'instruction au dernier. switch (myValue) { case myFirstCaseValue: case mySecondCaseValue: Action(); break; case myThirdAction: OtherAction(); break; default: ActionParDefaut(); break; } […]

8 décembre 2011 /0 Commentaires/par