Entrées par t@ra

Déclaration conditionnelle de feuille de style CSS dans WordPress

Il est malheureusement souvent nécessaire de mettre en place une feuille de style spéciale pour certains navigateurs qui ne supportent pas les propriétés CSS modernes. Prenons un exemple complètement au hasard, disons que IE répond mal à certaines propriétés CSS et que vous voulez affecter à vos éléments un style particulier lorsque votre site est visualisé sous ce […]

Traduction WordPress de texte affiché par un fichier javascript

Traduire un thème ou un plugin WordPress, est laborieux mais somme toute assez facile. En utilisant le logiciel poedit, et en remplacant tous vos textes sous la forme : <?php __( 'texte', 'domain-theme' ); ?> vous afficherez votre texte traduit selon la langue choisie dans votre installation WordPress. Vous trouverez plus d'information sur le site […]

Ajouter un favicon à votre site WordPress

Un favicon, c’est le petit sigle correspondant à un site Internet, et qui s’affiche sur l’onglet de votre navigateur. Un favicon est une image dont l’extension est .ico, elle peut être générée par des outils en ligne à partir d’une image jpg ou png. Pour l’afficher sur votre site personnel WordPress, le code suivant doit […]

WordPress : Déclarer un script uniquement pour un template précis

Afin d'optimiser son site WordPress, il est bon d'utiliser les déclarations conditionnelles de fichier javascript. Dans le fichier functions.php de notre thème WordPress, nous n'allons déclarer notre script à l'aide de la fonction WordPress wp_enqueue_script, que si nous sommes en train d'afficher une page reliée à un template précis. Ici  par exemple, le script contact-form.js […]

TaraLi : Thème WordPress 2014. Gratuit, Sobre et Simple.

TaraLi est un thème WordPress tout nouveau, cuvée 2014. Un thème WordPress Simple et Sobre  =====> DEMO <==== ==> DOWNLOAD  : Téléchargez gratuitement le Thème WordPress TaraLi sur le site officiel de WordPress<== Page d’accueil de votre blog Wordpress paramétrable : Affichage d’un diaporama avec lien + commentaire  Affichage de blocs de liens vers un contenu de votre choix. Liste […]

Changer la longeur de l’extrait / exerpt dans WordPress

WordPress permet d'afficher un résumé / extrait d'un article grâce à la fonction  <?php the_excerpt(); ?> L'extrait affiché représente soit les premiers mots de l'article, soit si on l'a saisit, le champs extrait de l'article. Par défaut ce sont les 55 premiers mots de l'extrait de l'article WordPress qui sont affichés, il est possible de […]

Ne pas afficher les commentaires sur les pages d’un siteWordPress

Ca paraît fou, mais j'ai mis du temps à comprendre comment désactiver l'affichage des commentaires dans une page WordPress. J'ai pris l'habitude de régler rapidement le problème en supprimant purement et simplement la ligne d'affichage des commentaires dans le template PHP de la page. Solution radicale, mais pas très propre. Supprimer les commentaires des pages […]

Convertir un pdf en ebook avec Calibre et Sigil

Créer un ebook à partir d'un fichier pdf avec le logiciel calibre Télécharger le logiciel calibre Cliquez sur le menu "Ajoutez des livres" et sélectionnez votre fichier pdf. Sélectionnez sur le livre que vous venez d'ajouter et cliquez sur le menu "convertir les livres" Une fenêtre apparaît qui vous permet de paramétrer les principales données de […]

Migration d’un site WordPress : Perte des menus et des widgets

Si vous changez le nom de domaine d'un site WordPress, un simple export de la base de données ne vous permettra pas de récupérer la configuration des menus, des widgets et d'éventuelles autres extensions que vous avez intégré. Pourquoi je perds ces informations lors d'un export WordPress ? Ces données stockées en base de données […]

,

Convertisseur automatique d’octets / ko / Mo / Go –

Code pour convertir des octets (Bytes en anglais), Ko (kilos-octet), Mo (Méga-octet), Go (Giga-octet) en utilisant   Javascript/Ajax. Grossières estimations : Une image pèse entre quelques ko et quelques Mo. Un film pèse entre plusieurs centaines de Mo et quelques Go Formulaire de conversion d’octets A noter que j’ai utilisé le plugin JQuery joliSelect pour styliser l’élément […]

Imposer une taille max aux fichiers uploadés sur le serveur

Configuration du serveur : Limiter la taille des fichiers chargés sur le serveur avec le fichier php.ini Le chargement des fichiers sur un serveur, et en particulier la taille des fichiers uploadés, est soumis à plusieurs limitations au niveau de la configuration dudit serveur.  Ces paramètres limitatifs sont modifiables dans le fichier php.ini et peuvent […]

Déclarer un fichier présent dans un répertoire du thème enfant WordPress

Pour déclarer un fichier javascript ou une image contenus dans un répertoire du thème enfant, il convient d’utiliser la fonction WordPress get_stylesheet_directory_uri();  … et non pas get_template_directory_uri() qui fait lui appel au répertoire du thème parent. Exemple : <script src= »<?php echo get_stylesheet_directory_uri(); ?>/js/mon_fichier.js »></script> De même, TEMPLATEPATH (déprecié ) donne le répertoire du thème parent, alors que STYLESHEETPATH renvoit […]

Valider un formulaire en javascript

Pour soumettre un formulaire sur un évenement javascript on utilise la fonction submit() javascript, appliquée sur notre formulaire.Cette technique permet de faire des vérifications sur la validité des champs avant de soumettre le formulaire. Déclaration du formulaire en HTML : Code Javascript : Fonction appelée sur l’évenement onclick de l’input de type button. Le formulaire est soumis sous condition.

,

Convertisseur Dollars / Euros en Bitcoins avec Javascript / Ajax

Script de création de formulaire pour convertir Bitcoins en Euros ou Dollars Voici un script PHP / HTML / Javascript pour convertir un montant donné en Dollars ou en Euros en montant Bitcoins au taux de conversion en temps réel. Le calcul se fait en allant interroger l’URL officielle https://blockchain.info/ de calcul du taux de conversion bitcoin. […]

Savoir si un élément est visible ou hidden

Méthodes pour déterminer si un élément est visible en JQuery : <script> if ($("#monelement").is(":visible")){alert ("#monelement est visible");} if ($("#monelement").is(":hidden")){alert ("#monelement est caché"); } </script> boucle sur tous les div visibles enfants de l'élement d'id 'monelement'  : $("#monelement div:visible").each( function() { });  

Uncaught TypeError: Cannot read property ‘msie’ of undefined

Si vous tombez sur cette erreur, c'est que la propriété jQuery.browser a été dépreciée dans la version Query 1.9. Pas glop … Cette propriété pourtant bien utile permettait de connaitre l'identité du navigateur ainsi que sa version.  Aucun remplacement facile à mettre en place apparemment pour l'instant. Vous pouvez régler le problème en déclarant le plugin jQueryMigrate après […]

Ajouter / Déplacer dynamiquement un élément dans le DOM avec jQuery

jQuery propose quelques méthodes faciles d’utilisation pour ajouter des éléments dynamiquement dans notre code HTML après que la page se soit chargée. Soit notre code HTML : insertAfter : Insérer du code après un autre élément  Le paragraphe sera inséré après la balise de fermeture de l’élément ma_classe insertAfter() : Déplacer un élément dans le DOM La […]

Méthode pour affecter un identifiant entier à mes éléments HTML

Les éléments HTML peuvent être identifiés par un id unique. Un attribut de type identifiant doit commencer par une lettre ([A-Za-z]), suivie d’un nombre quelconque de lettres, chiffres ([0-9]), traits d’union (« -« ), soulignements (« _ »), deux-points (« : »), et points (« . ») Affecter l’identifiant entier de l’enregistrement de ma BDD à un élément HTML Or, il peut être utile […]

Ma méthode pour affecter un identifiant entier à mes éléments HTML

Les éléments HTML peuvent être identifiés par un id unique. <div id="mon_id"> </div> Un attribut de type identifiant doit commencer par une lettre ([A-Za-z]), suivie d'un nombre quelconque de lettres, chiffres ([0-9]), traits d'union ("-"), soulignements ("_"), deux-points (":"), et points (".") Affecter l'identifiant entier de l'enregistrement de ma BDD à un élément HTML Or, il […]

Vérifier si un champs est bien renseigné dans un formulaire HTML

Afin de s’assurer que les champs obligatoires d’un formulaire sont bien renseignés, vous pouvez utiliser cette fonction javascript qui vérifie, avant de soumettre le formulaire, que le ou les champs obligatoires sont bien remplis. Code HTML : Création du formulaire Code PHP pour récupérer la valeur du champs après soumission du formulaire : Fonction javascript de […]

Créer un bouton imprimer sur sa page web

Même si les navigateurs présentent une commande pour imprimer la page, le fait d’ajouter une bouton Imprimer sur votre page, peut faciliter l’expérience utilisateur. Code HTML : <form> <input id= »impression » name= »impression » type= »button » onclick= »imprimer_page() » value= »Imprimer cette page » /> </form> Fonction d’impression de page en javascript avec window.print() Code Javascript <script type= »text/javascript »> function imprimer_page(){ window.print(); } </script> […]

Personnaliser la page d’erreur 404

Lorsque l'internaute tape une adresse erronée sur votre site Internet, votre serveur l'envoie sur une page d'erreur. Vous pouvez la personnonaliser en créant un fichier 404.html et en le déclarant dans votre fichier .htaccess après la commande ErrorDocument Déclaration de votre fichier 404.php dans le .htaccess ErrorDocument 404 http://memo-web.fr/404.php Votre fichier s'affichera avec votre design […]

Récupérer le contenu ou afficher du texte dans un textarea en JQuery

On récupère le texte affiché dans un textarea en JQuery avec la fonction val() On peut aussi modifier le contenu  grâce à la même fonction val(« mettre du text dans le textarea ») Code HTML : <form> <textarea id= »mon_textarea »> Mon texte ici </textarea> <input type= »button » value= »Afficher le texte » id= »afficher_texte »/> </form> Afficher le texte contenu dans un textarea en JQuery Insérer du […]

Tutoriel pour afficher et localiser une adresse sur Google Map

Voici un petit tutoriel pour apprendre à afficher sur son site Internet une carte Google Map et y insérer un marqueur de lieu. Le lieu à insérer étant tapé dans un formulaire de recherche sur le site Internet (Voir exemple sur cette page), c’est l’API Google map qui cherche ses coordonnées latitude longitude pour ensuite afficher […]

Fonction de manipulation de dates en Mysql

Mysql permet d'optimiser ses recherches sur les dates des tables de la base de données grâce à des fonctions spécifiques de manipulation de dates : DAYOFWEEK(date) : Renvoie le jour de la semaine (0=dimanche) DAYOFMONTH(date) : Renvoie le jour du mois DAYOFYEAR(date) : Renvoie le jour de l'année MONTH(date) : Renvoie le mois DAYNAME(date) : […]

Rafraîchir automatiquement une page en HTML

Il peut être utile de rafraîchir régulièrement et automatiquement une page comme l’affichage d’information en continu par exemple. Il est possible de le faire en HTML grâce à la balise META suivante (à placer à l’intérieur de la balise <HEAD> de votre page HTML). Le paramètre content contient l’intervalle de rafraîchissement exprimé en secondes http-equiv= »refresh » […]

Affichage tampon en PHP : Output buffering

Il est possible en PHP de placer du contenu dans une mémoire tampon au lieu de l’afficher à l’écran. Cela permet par exemple de traiter des informations complexes et de n’afficher le résultat que si les opérations se sont déroulées correctement.Pour cela, on se sert des fonctions : ob_start() : fonction d’initialisation de l’output bufferingob_get_contents() : récupération […]

L’utilisation des sessions en PHP

PHP permet le stockage de variables, dites « de session » $_SESSION qui sont propagées lors de la navigation de l’internaute sur votre site Internet. Le modus operandis est très simple, il faut démarrer son script avec la fonction session_start () qui signale que vous souhaitez récupérer les variables de session sur votre page. La variable super-globale $_SESSION est un tableau qui contient toutes les variables […]

Rafraîchir automatiquement une page

Il peut être utile de rafraîchir régulièrement et automatiquement une page (affichage d'information en continu par exemple). Il est possible de le faire en HTML grâce à la balise META suivante (à placer à l'intérieur de la balise HEAD). Le paramètre content contient l'intervalle de rafraîchissement exprimé en secondes http-equiv="refresh" : Mise à jour automatique […]

Connaitre l’heure de son serveur

Il peut arriver que l'heure du serveur sur lequel est hébergé son site Internet soit différente de l'heure indiquée sur notre ordinateur. Arrachage de cheveux garanti si l'on ne s'en rend pas compte pour nos tests. Pour afficher l'heure du serveur WEB , utilise la fonction date() de PHP : <?php echo date('Y-m-d G:i:s'); ?> […]

Transmettre un nombre variable de paramètres dans une fonction PHP

PHP permet de ne pas définir à l’avance le nombre de d’arguments passés en paramètres d’une fonction.Ceci grâce aux fonctions func_num_args() qui retourne le nombre d’arguments passésfunc_get_args() qui permet d’accéder par index à chacun des arguments Fonction pouvant recevoir un nombre indéfini de paramètres donne :  Paramètre n°0 : je Paramètre n°1 : pars Paramètre n°2 : en Paramètre n°3 : vacancesParamètre […]

Fonction explode en utilisant plusieurs séparateurs

La fonction suivante vous permettra d'utiliser la fonction explode de PHP avec plusieurs séparateurs différents. L'objet de cette fonction est de couper une chaîne en plusieurs segments divisés par un ou plusieurs séparateur passé en paramètres dans un tableau. Le résultat sera un tableau dont chaque enregistrement contiendra l'un des segments : function multipleExplode($separateurs = array(), […]

Empêcher de coller du texte dans un champs input de type text

Pour empêcher le copier collage d'un texte dans un champs html input text, on va utiliser la fonction javascript preventDefault() sur l'événément keydown. PreventDefault empêchera l'action du keydown() de se déclencher . En l'occurence, on ajoute ici un "écouteur" d'événement addEventListener sur l'événement keydown de l'élément d'identifiant "no_paste". Si la touche ayant déclenché l'événement est le coller, on empêche le […]

Liste des catégories WordPress. Exclure certaines catégories

Collez le code suivant dans le fichier functions.php du thème de votre blog WordPress afin de rajouter un widget qui vous permettra d'afficher une liste des catégories de votre blog, avec un lien vers les catégories, mais en supprimant les catégories que vous ne souhaitez pas voir apparaître. Ceci en ajoutant les catégories indésirables en paramètre […]

Fonction include() en PHP et URL externe

Il est possible en PHP d’utiliser la fonction include() avec en paramètre, un fichier appelé par son URL. Exemple d’include avec URL absolue Cette possibilité semble être désactivée par défaut en PHP 5 (elle était couramment utilisée en PHP4). Cette méthode présente des risques de vulnérabilités et n’est pas recommandée, néanmoins si vous avez besoin, vous pouvez l’auroriser […]

Effet carnet de notes en CSS 3 – empilement de feuilles

Effet visuel pile de feuilles tout en CSS3 en utilisant subtilement la propriété box-shadow Code HTML : <div id="art201"> <div class="feuilles"> </div> </div> Code CSS : #art201{ background : #7c8d07; width:100%;height:80px; } .feuilles{ margin:auto; width:40px; height:55px; border:#ccc solid 1px; background-color:#fff; box-shadow: 4px 4px 0 #fff, 5px 5px 0 #ccc, 9px 9px 0 #fff, 10px 10px […]

Un joli titre avec liseré tout en CSS

Pour faire des effets de titres sympas, facilement et sans images, en n’utilisant que du CSS 3 et la propriété linear-gradient . Propriété CSS que l’on utilise ici  pour rajouter un liseré de chaque côté du titre <h1> Code HTML : <h1> <span> Un joli titre en CSS 3</span></h1> Rajouter un liseré en CSS Code CSS : […]

Ajouter un masque de saisie dans un champs input text

Il est possible de rajouter un masque de saisie lors de la saisie d’un champs input text d’un formulaire HTML qui empêche l’utilisateur de saisir certains caractères. Ce masque codé en javascript, se déclanche sur l’événement keyup du champs texte du formulaire.L’input text doit porter une classe spécifique, ici la classe only_alpha_num qui nous permettra de déclancher l’évenement keyup. Lorsque l’utilisateur tape […]

Redimensionner une image en PHP

Voici ci dessous le code d’une fonction PHP permettant de redimensionner une image sans la déformer, les paramètres de la fonction sont les suivant : $source : L’image à redimensionner $type_value : Le type correspondant à la valeur fixe définie par le paramètre suivant (W : largeur / H : hauteur)$new_value : La valeur qui sera fixe (liée à […]

Parcourir les fichiers d’un répertoire en PHP

Grâce à la classe DirectoryIterator, je parcours tous les fichiers d’une extension donnée (ici .gz) d’un répertoire donné (ici stocké dans la variable $dir_backup) Dans la fonction suivante j’affiche le nom et la taille des fichiers .gz contenus dans le répetoire $dir_backup. Parcours des fichiers d’une extension donnée dans un répertoire Dans la fonction suivante, je parcours fichiers […]