Dans ce memo nous expliquions comment utiliser les variables dans un fichier css. Nous pouvons utiliser cette méthode pour changer aléatoirement l'image de background d'un header par exemple. Créons par exemple 10 images de background différentes, de même taille et de noms : 1.jpg, 2.jpg ….10.jpg. Générons dynamiquement en PHP une feuille de style dont l'image de […]
JQuery permet grâce à la propriété attr, de modifier les attributs d’un éléments sur un événement donné. Il est possible par exemple de changer en Jquery l’image affectée à l’élément <img /> en modifiant son attribut « src « . Ici on affecte l’image monimage.jpg à l’élément img d’identifiant #mon_image : $(« #mon_image »).attr(‘src’,’monimage.jpg’); Exemple de modification d’une image au survol de la souris […]
Le script ci dessous permet de faire une sauvegarde compressée de la base de données MySQL dans le répertoire DB_Backup préalablement créé à la racine de votre site.Le nom du script contient la date de la génération et j’ai rajouté une fonction qui permet d’effacer, après la génération de la sauvegarde, tous les fichiers de sauvegarde […]
Votre site est hébergé chez 1&1 or votre nom de domaine a été pris chez Gandi ? Pas de panique, il est très facile de procéder à la redirection du nom de domaine chez Gandi vers votre serveur chez 1&1. Voici un petit tutoriel qui rend l'opération rapide et sans douleur. Côté 1&1, où se trouve votre […]
On peut parfois avoir besoin d'utiliser un shortcode WordPress en dur, directement depuis un fichier template PHP. Les shortcodes WordPress sont ces petits bouts de code faciles d'utilisation qui sont généralement placés directement dans l'éditeur WordPress, page ou article, et se présentent entre deux crochets, le plus utilisé étant . Ils servent à exécuter un […]
Exemple de code PHP pour intégrer le paiement paypal à son site Internet. $email_paypal doit contenir le mail associé au compte paypal du vendeur, il faut bien évidemment préalablement avoir ouvert un compte paypal auquel est associé cet émail. Script de paiement PAYPAL en PHP
Pense bête pour encoder un site Internet en UTF-8 : Encodage des fichiers : utf8 (sans BOM) Encodage de la base de données : utf8_general_ci Encodage des tables de la base de données : utf8_general_ci Meta dans la balise <head> du site : <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Le code suivant permet de lire un fichier .csv et d’insérer les données dans une table Mysql.Les colonnes du fichier .csv doivent correspondre aux champs de la talbe Mysql. Fonction de lecture de fichier .csv en PHP En entrée de la fonction, on passe le nom du fichier .csv ainsi que le format du séparateur des […]
La fonction PHP suivante transforme la date $date écrite au format français j/d/Y (03/04/2013) en format Mysql Y-m-d (2013-04-03)
Pour toujours avoir l'année courante à jour, sur le copyright de son site par exemple il suffit d'utiliser la fonction date() de PHP avec le paramètre Y qui correspond à l'année (Year) Fonction pour afficher l'année courante en PHP <?php echo date('Y'); ?> Application : Année du copyright de son site toujours à jour http://www.monsite.com […]
Les expressions conditionnelles en PHP, différents cas de figure. Version simplifiée d’une expression conditionnelle en PHP if (condition1)? (instruction2) : (instruction3); Si condition1 est vérifiée alors on exécute instruction2 sinon on exécute instruction3 Exemple : le code suivant : if ($couleur == « ouvert ») echo ‘c’est ouvert’; else echo ‘c’est fermé’; Peut être remplacé de façon plus […]
Les navigateurs proposent une fonctionnalité qui peut être très pratique afin de ne pas avoir à retaper des données déjà tapées antérieurement. C’est l’autocomplétion qui propose automatiquement à l’internaute lorsqu’il saisit dans un champs HTML les premières lettres d’un mot, tous les mots commençant par ces lettres et qu’il a déjà saisis dans le passé […]
Même si le gain de temps est faible, il est néanmoins avéré. Il est préférable en PHP d'utiliser les simples quotes plutôt que les doubles dans une chaîne qui ne contient pas de variable. <?php $chaine='Salut'; ?> Plutôt que : <?php $chaine="Salut"; ?> Ca ne mange pas de pain, donc autant essayer d'en faire un […]
La fonction MySQL rand() utilisé dans la requête SELECT retourne un élément aléatoire de la table table_livre (contenant un champs titre, ici). echo $livre->titre; affichera un titre de livre sélectionné au hasard dans la table livre. <?php $sql="SELECT * FROM table_livres ORDER BY rand() LIMIT 1; $result= mysql_query ($sql); $livre=mysql_fetch_array($result); echo $livre->titre; ?>
Soit une date au format Français$date =’13/03/2013 10:50′; La fonction suivante DateFR2DateSQL($date) la convertit en format SQL soit : 2013-03-13 10:50
Le code suivant affiche dans une liste à puce 5 articles pris au hasard dans votre blog WordPress. Chaque article étant suivi du nom de la ou des catégories qui lui sont affecté, avec un lien vers la catégorie concernée. <h1> PLOUF PLOUF ! Quelques articles au hasard …</h1> <ul> <?php $posts = get_posts("orderby=rand&numberposts=5") ?> […]
Lorsqu'on rajoute un lien hypertexte sur une image, certains navigateurs dont Internet Explorer, rajoutent une bordure bleue qui apparaît sur le survol de l'image. Pour empêcher l'apparition de cette bordure sur toutes les images de son site, il suffit de modifier l'attribut CSS border sur l'élément global img Code CSS : img{border:none;}
Voici une petite bidouille pour récupérer en javascript l’identifiant d’une session $_SESSION, accessible par la fonction id_session() en PHP. Note : on est obligé de rajouter le + » « lors de l’initialisation de masession pour forcer le typage de la variable masession en string.
Il est maintenant possible et facile de se servir de polices originales sur son site internet. Il existe pléthore de polices (fonts) libres de droit accessibles depuis le WEB. J'ai déjà parlé dans un memo de la propriété @font-face, ici on va plutôt se pencher sur l'utilisation des google web font sur un site Internet, d'une […]
La fonction PHP number_format permet d’afficher de façon plus lisible pour l’internaute, les grands nombres en ajoutant des séparateurs (paramétrables) entre les milliers, ainsi qu’un séparateur décimal si besoin. Exemple : Affichera : Le prix est : 10 000 000,00 € J’ai utilisé ici la fonction pour afficher les chiffres au format standard français, d’autres format sont possibles […]
Pour connaitre les variables d'environnement ainsi que les modules Python installés sur son serveur d'hébergement mutualisé 1&1, il faut taper l'URL http://s123456789.onlinehome.us /logs/info.py (en remplacant s123456789 par son propre ndd chez 1&1) Un identifiant et mot de passe de connexion sont alors demandés, ce sont les identifiant et Mot de passe de l'accès FTP.
Je viens de déployer pour la première fois un site WordPress sur l'hébergeur 1&1 et impossible d'envoyer des emails, que ce soit pour demander un nouveau mot de passe, ou via le formulaire de contact (j'utilise Contact Form 7). Finalement, un coup de fil au service client de 1&1 m'a permis de résoudre mon problème […]
Il est important pour le référencement de choisir si l'URL de son site portera les www ou pas (on évite ainsi la duplication de contenu). A ma connaissance, il n'y a pas de choix préférable. Votre choix (avec ou sans les 3w) fait, il faut rediriger la "mauvaise" URL vers la "bonne". Cela peut se […]
Par défaut, CkEditor rajoute un paragraphe <p></p> à chaque retour charriot afin de séparer les blocs de texte. Même sans saut de ligne, l'intégralité d'un texte saisi dans l'éditeur de texte de Ckeditor sera inséré automatiquement dans un paragraphe après sauvegarde. Ceci est le fonctionnement par défaut et est recommandé par Ckeditor, cela dit, 3 […]
Il est possible de créer des titres façon bandeau joliment ornementé uniquement en CSS3. Ci dessus aucune image n'est nécessaire pour créer ce magnifique ruban. Par contre, comme vous pourriez le deviner, prévoyez un patch pour IE 7 ! Code HTML : 3 div pour afficher le ruban <div id="fond"> <div class="ruban"> <h2>Un ruban CSS […]
A chaque modification de post dans l'éditeur WordPress, celui ci crée un enregistrement automatique du post et garde en mémoire (les révisions) les dernières modifications… ce qui est bien utile mais qui alourdit aussi la base de données. Il est possible de réduire le nombre de révisions par post en rajoutant dans votre fichier wp_config.php […]
La fonction PHP strip_tags nettoie une chaîne des balises HTML et PHP. La variable $chaine contient maintenant ‘Salut’ Avertissement : Vérifiez toutefois que votre chaîne ne contient pas des balises HTML non fermées sous peine de subir une disparition de mots non désirée.
La fonction PHP suivante parcourt toutes les images dont l’extension est .gif, .jpg, .jpeg, .png du répertoire passé en paramètre $rep, et les affiche dans une liste à puces. La fonction glob() : La fonction PHP native glob() parcourt un dossier et stocke dans un tableau les noms des fichiers correspondant au pattern passé en paramètre. $images contiendra […]
La propriété CSS content peut être utilisée avec les pseudo éléments :before et :after pour rajouter du texte avant ou après l'élement auquel elle est associée. Code HTML : <div id="mondiv">Cailloux !</div> Code CSS : #mondiv:before { content: "Papier! ! "; } #mondiv:after{ content: " Ciseaux! "; } On aura à l'affichage : Papier! Cailloux! […]
Le plugin calendrier Datepicker de JQueryUI se déploie par défaut si l’on click sur le champs de date (en fait lorsque le champs prend le focus) ? voir exemple ici sur le champs de la date de naissance. On peut parfois vouloir déployer le calendrier automatiquement dès l’ouverture de la page, pour ce faire il sufffit, grâce à JQuery […]
La fonction suivante permet de faire un fondu entre deux images lors du passage de la souris sur l’élément #monimage Le principe : Lors du survol de #monimage dont le background est ‘image1.png’ un élément div temporaire (#temp) est créé #temp dont le background est ‘image2.png’. On affiche cet élément en fondu grâce la fonction animate de JQuery. […]
La fonction PHP suivante détermine l’état d’un répertoire : répertoire inexistant répertoire existant mais vide répertoire existant et contenant des fichiers On passe en paramètre de la fonction le chemin du répertoire.
La fonction suivante vérifie que la variable PHP $monemail est bien au format correct pour une adresse électronique. Avertissement : Je précise, au cas où que notre fonction ne vérifie pas si l’adresse mail existe ou pas !
Dans un formulaire HTML, je saisis dans une balise une valeur contenant une apostrophe, disons : A la récupération du paramètre « etat » j’obtiens : $_GET[« etat »]= « l’ouragan est passé », avec un backslash agaçant. Que faire ? Soit j’utilise la fonction stripSlashes($_GET[« etat »]) qui supprime les backslashes Soit je modifie le paramètre magic_quotes_gpc de mon fichier php.ini de WAMP. Imposer la […]
Le code suivant permet de faire défiler horizontalement ou verticalement et de façon continue un bandeau d’images. Voir le code sur CodePen Code HTML : Code javascript : Dans cet exemple les valeur d’incrémentation de distance et de temps sont celles par défaut puisque je ne les ai pas spécifiées dans les paramètres de la fonction. Vous […]
Voici une fonction JQuery qui donne un effet sympathique sur le survol d’une image, dans cet exemple, lorsque celle çi est associée à un lien .L’image est rendu légèrement transparente au survol de la souris.Alternative plus classe à l’ajout de bordure à l’image sur le hover ! Code HTML : Code JQuery : Evénement sur le survol de […]
J'ai été confrontée à un problème lors de développement d'application mobile pour androide car mon prénom, utilisé sur ma machine, comprend un caractère accentué. Le fichier avd/nomdemonAVD.ini virtuel ne peut pas se lancer correctement. La solution consiste à remplacer: target=android-15 path=C:Usersgaëlle.androidavdessai2.avd par target=android-15 path=C:UsersGALLE~1.androidavdessai2.avd
Aller sur le site de Sencha Touch et télécharger le package. Télécharger Sencha SDK Tools qui va nous permettre de faire tourner le projet dans sencha Touch Le SDK va nous génèrer l’arborescence de notre projet Installer le sdk et lancer en ligne de commande (cmd) o l’aide de cd, cd.. et dir aller sur le répertoire ou l’on a téléchargé (1er téléchargement) Sencha […]
Sur certains navigateurs IE, peu importe la version, mais dont la configuration doit vraisemblablement avoir une particularité, j'ai constaté un bug de non prise en charge des caractères unicodes tels que ⇒ ajoutés dans le DOM en javascript. Le fait d'injecter ce caractère ⇒ dans le DOM via une commande jQuery … $('#titre_tutos').html ('Blabla ⇒ […]
Voici une fonction PHP qui permet de modifier le ton d’une couleur passée en paramètre ($couleur). Si $changementTon>0 La couleur est éclaircie. Si $changementTon<0 La couleur est foncée. Modifier le ton d’une couleur
Pour récupérer en javascript le texte tapé dans l'editeur de texte WYSIWYG ckEditor, il faut utiliser la propriété getData() sur l'objet ckeditor. Afficher en javascript le contenu de l'editeur CKeditor – getData() Code HTML : <textarea name="txt1" id="texte-nouvelle" cols="120" rows="120"> mon texte par défaut </textarea> <div id="btn_apercu">Aperçu </div> Code JQuery : Déclaration de ckeditor dans […]
Les familles de font (police) suivantes ont la particularité d'avoir une largeur égale pour chaque lettre. font-family: 'Courier New', Courier, monospace;
Le code suivant permet de repérer si l’utilisateur clique à l’extérieur ou sur un élément d’identifiant ‘id_de_mon_element’. event.target correspond à l’élément qui a déclenché l’événement, où est est le paramètre passé à la fonction
Ce script javascript permet d’afficher une image de background différente selon les saisons à l’élément d’identifiant id= »monimage » L’idée est d’analyser la date courante afin de déterminer la saison en utilisant l’objet new Date(année, mois, jour)
Pour faire tourner WordPress en localhost, créez une base "NomDeMaBase" dans PHPMyAdmin, puis remplissez le fichier WP-config situé à la racine de WordPress avec les paramètres suivants : /** Nom de la base de données de WordPress. */ define('DB_NAME', 'NomDeMaBase'); /** Utilisateur de la base de données MySQL. */ define('DB_USER', 'root'); /** Mot de passe […]
En quelques petites lignes de code, voici un rond tout de CSS3 conçu, et ce sans image ! La technique utilise la propriété border-radius qui permet d’arrondir les bords d’un élément HTML. Le principe est de donner un arrondi adapté à la taille de l’élément afin de lui donner une forme parfaitement arrondie. code HTML […]
Méthode javascript pour récupérer la valeur ainsi que le texte sélectionné dans une liste déroulante (élément select HTML) Code HTML : Code Javascript : Soit une liste déroulante SELECT contenant deux items FRANCE et ITALIE, l’item ITALIE est préselectionné via l’attribut select. Nous récupérons en javascript le texte et la valeur (value) de l’item sélectionné dans la liste déroulante grâce […]
La fonction suivante renvoit la chaine $mot, passée en la nettoyant de ses accents. Les caractères accentués ayant été remplacés pour leur équivalent non accentués. Fonction pour supprimer les accents en PHP Exemple : Affiche : L’enorme elephant gris fonce mais sans accent
La fonction suivante retourne la chaîne $phrase, avec toutes les occurences du mot $mot entourées de la balise HTML <b></b> qui a pour fonction de mettre en valeur du texte (gras). On peut aussi choisir de remplacer les balises <b></b> par un <span class= »maclasse »></span>, afin de gérer le style directement dans la feuille de style CSS en paramétrant la classe .maclasse . […]
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; […]