Entrées par t@ra

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

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

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

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 /../

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

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  :

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

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]  

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.

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

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

Internet Explorer : Commentaire conditionnel

Les commentaires conditionnels sont propres à Internet Explorer. Ils permettent de Masquer ou afficher du code HTML sous IE uniquement. Sélectionner une version du navigateur IE pour afficher du code spécifique à cette version. Cibler une version d’internet Explorer par commentaire conditionnel se fait avec les syntaxes suivante. Si la version IE est supérieure ou […]

Arrondir les bords d’un élément

Arrondir les bords d'un DIV en CSS, c'est maintenant un jeu d'enfant grâce à la propriété border-radius. Petite exception sous IE>9 qui aura besoin d'un plugin externe : roundies http://www.dillerdesign.com/experiment/DD_roundies/ Donc sous IE < 9 télécharger le script roundies.js et le déclarer dans son entête <!–[if lte IE 8]> <script type="text/javascript" src="../../scripts/roundies.js"> </script> <script type="text/javascript"> […]

Empêcher la saisie de mise en forme sur copier coller – ckEditor

ForcePasteAsPlainText permet de supprimer les balises html lors d'un copier coller depuis un document word ou depuis un navigateur, sur ckeditor. Dans le fichier config.js situé dans le répertoire racine de ckeditor rajouter la ligne: config.ForcePasteAsPlainText = true; Je ne confirme pas son bon fonctionnement … Voire même je confirme qu'avec ma version ckeditor 3.5.3 […]

Problème : header(« Location … ne marche pas

Selon la configuration du serveur, il peut arriver qu’un header (« Location: index.php »); ne remplisse pas son rôle si cette commande est précédée d’une une balise html, du texte ou même un espace : Le fichier d’appel doit impérativement commencer par :

Charger JQuery directement via les librairies google

Si vous ne souhaitez pas héberger les scripts JQuery sur votre serveur, vous pouvez les récupérer sur votre site Internet directement depuis les Librairies Google. Les avantages de cette technique : Ce n’est pas votre serveur qui fournit la bande passante et traite les requêtes mais les serveurs de Google. Comme beaucoup de sites Internet […]

Les erreurs du .htaccess

Une erreur dans le fichier .htaccess se traduira par une erreur HTTP standard .erreur interne du serveur lors de l’accès à n’importe quelle adresse située dans le répertoire de ce fichier. Pour réparer l'erreur, repérer la ligne fautive et la commenter (un commentaire dans un fichier .htacces se fait avec un dièse "#" en début […]

,

Parcourir un tableau en php – pense bête

Exemple d’utilisation des tableaux en php $tableau = array( « un », // indice commence alors par 0 « deux », « trois », « quatre », « cinq » ); OU on force l’indice du tableau a commencer par 1 $tableau = array( 1 => « un », // pour commencer de 1 au lieu de 0 … « deux », « trois », « quatre », « cinq » ); foreach($tableau as $valeur) […]

Les cookies faciles

Voici quelques exemples d’utilisation des cookies en php Créer un cookie en PHP setcookie(‘nom-du-cookie’, $la-valeur-du-cookie, time() + n secondes, ‘/’); cookie de nom nom-du-cookie, de valeur $la-valeur-du-cookie et qui sera valide n secondes à partir de l’heure de création (time()) Si l’on ne précise pas de date, le cookie sera supprimé en fin de session (à […]

Faire clignoter un élément avec JQuery

Exemple simple pour faire clignoter un élement html (ici une image) grâce à JQuery.J’utilise les fonctions natives JQuery fadeIn() et fadeOut() qui permettre de faire un fondu d’apparition et de disparition d’un élément, entrecoupées par un intervalle de temps grâce à la fonction delay (temps en ms). Et je répète l’opération grâce à la fonction […]

Requête Ajax simple en utilisant JQuery

Ajax () permet de rendre un site plus interactif en réagissant aux requêtes de l’internaute sur une page sans avoir à recharger la page. Cette techique permet le dialogue asynchrone entre le navigateur et le serveur WEB .Il est possible d’interroger la base de données sur le serveur suite à une requête du client sur le navigateur et […]

Fonction PHP pour réduire une chaîne à ses n premiers mots

La fonction PHP suivante retourne les $word_limit premiers mots de $string.Dans le cas où le nombre total de mots de $string est supérieur à $word_limit, je rajoute  [lire la suite] en fin de la chaine de retour de fonction, avec un lien passé en dernier paramètre de la fonction. Réduction d’une chaîne à un nombre de mots […]

Comment ajouter un favicon sur son site

Le favicon d’un site est la petite image qui apparaît à gauche de l’onglet du navigateur correspondant  la page du site. C’est une image de format .ico http://favicon.htmlkit.com/favicon/ permet de générer et de télécharger un favicon, à partir d’une image png ou jpeg . Il est possible de paramétrer le background, la bordure de l’image favicon etc … Pour […]

Affectation conditionnelle sous PHP

Une instruction qui m’a enchantée quand j’ai découvert le PHP c’est : (condition) ? instruction si vrai : instruction si faux Exemple : En français : si $_REQUEST[‘mon_parametre’] existe alors $monparam = $_REQUEST[‘mon_parametre’] sinon $monparam = 0