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é […]
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 […]
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 […]
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 […]
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 […]
Symptôme : Lorsque je tape mon mot de passe dans un input de type "passwd" sous Internet Explorer, et que la font définie pour cet input est une police non standard générée par font-face (voir le memo http://www.memo-web.fr/categorie-CSS-52.php) , les petits points rassurants qui s'affichent habituellement à la saisie du mot de passe ne s'affichent […]
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 […]
$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 […]
Le code javascript ci dessous permet d’extraire les données de l’URL L’url de la page courante avec la méthode document.location.href . Le nom du fichier courant L’URL sans le nom du fichier
Le code javascript ci dessous permet d’extraire l’URL courante en utilisant la méthode document.location.href . Vous pourriez aussi avoir besoin de récupérer la queue de l’url courante
Tout est dans le titre, sauf erreur de ma part, ne comptez pas sur les margin-top ou padding-bottom pour positionner verticalement vos balises inline comme les span. Utilisez plutôt la propriété CSS text-height.
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 : […]
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 […]
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 […]
htmlspecialchars permet de transformer les chevrons des balises HTML "<" en "<" et ">" en ">" 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 […]
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.
Utilisez de préférence l'évènement $("#mondiv").mouseup (); plutôt que $("#mondiv").click(); sous Internet Explorer<=8 Ce dernier évènement semble ne pas fonctionner sous ma configuration de IE8.
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 […]
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 […]
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 […]
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 […]
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 […]
Trouver l’adresse d’une image expression régulière Expression régulière qui va récupérer, dans une chaine contenant du code HTML, l’attribut « src » d’une image PHP :
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
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 […]
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 /../
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 […]
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 :
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]
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 […]
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.
Code exemple pour fermer une variable de session :
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: […]
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; } […]
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 […]
ucfirst() est une fonction très pratique pour passer en majuscule le premier caractère d’une chaine La fonction lcfirst() quand à elle permet de passer en minuscule le premier caractère d’une chaîne
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"> […]
La fonction queue() de JQuery permet notamment dans le cas d'animations Jquery, de faire en sorte que les animations démarrent dans l'ordre où elles ont été insérées dans la queue et non toutes en même temps. Dans l'exemple suivant, la fonction queue() de JQuery permet d'attendre la fin de ma première animation (le fadeOut de […]
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 […]
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 :
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 […]
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 […]
Il est possible de déclarer un fichier css depuis un autre fichier css grâce à la commande suivante à placer dans le css appelant : Appel de monCSS2.css depuis monCSS1.css : @import "monCSS2.css" /*ou*/ @import url("monCSS2.css");
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) […]
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 (à […]
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 […]
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 […]
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 […]
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 […]
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