Blog de Keran » Développement Web
Jquery AutoComplete gérer le bouton submit
La librairie de jQuery Autocomplete est, comme souvent pour ces plugins, rapide à implémenter et très robuste. Par contre quand il s’agit d’agrémenter le Js d’un dev spécifique, le chemin paraît d’un coup beaucoup plus long. J’ai eu le problème avec ce plugin. Il ne gère pas le clic externe sur un bouton. Résultat si rien n’a été spécifié par l’utilisateur (clic de la liste, touche entrée, tab) le librairie ne récupère pas automatiquement le premièr élément de la liste. Pour corriger ce soucis, passez le JS au beautifier pour le rendre lisible. Ensuite, dans la zone de création des méthodes associée au plugin (flushcache, search, result,…) ajoutez le bloc suivant: }).bind(« flushCache », function () { cache.flush(); }).bind(« getSel », function () { if (selectCurrent() ) { blockSubmit = true; return false; } else searchFunc($(« #input_recherche »).val(), »); }).bind(« setO Cette nouvelle méthode permettra donc de récupérer la sélection courante, comme si l’utilisateur … Read entire article »
Filed under: Développement Web
jQuery – LightBox
Pour effectuer une petit mise à jour de l’article « LightBox Versus MultiBox« . Depuis il semble clairement que jQuery soit en passe de devenir un FrameWork leader. En lice nous avons Scriptaculous, Mootools, Yui, ExtJs et Dojo. Yui et Dojo sont légèrement derrières mais en gros 8 fois plus de personnes se sont axées sur jQuery. Pour revenir à nos lightbox, qu’elles sont celles fonctionnant avec jQuery ? Un moment leader Thickbox n’est plus mis à jour, en solutions alternatives vous avez donc: - ShadowBox : très bien documenté et très souple. - FancyBox - ColorBox … Read entire article »
Filed under: Développement Web
Version améliorée de print_r: affichage et valeur retournée
Quel magnifique outil que ce print_r, function indispensable en PHP pour débuguer. Chaînes ou tableaux, la fonction se dépatouille pour sortir un contenu lisible. D’autant plus pratique avec des tableaux à plusieurs dimensions (2,3,4…) ou des tableaux associatifs peu piqués des hannetons. Pratique mais quand même deux gros défauts: - la fonction ne retourne rien: affichage direct - l’affichage se fait en mode texte: pour débuguer une page HTML, une petit CTRL U sous firefox ou afficher la source sous ie. Pour gagner du temps en production voici quelques astuces pour améliorer un poil le fameur print_r. Affichage directement en HTML (évitant de passer par la source): function PrePrint_r($tab) { print '<span style="white-space:pre;">'; print_r($tab); print '</span>'; } Avantage: pas besoin de passer par la source Défaut : affichage … Read entire article »
Filed under: Développement Web, Featured
Multibox – Apparition scrollbar horizontale
Complément de l’article Lightbox versus Multibox Un problème d’apparition de scrollbar horizontale peut se produire après l’implémentation de multibox. Le soucis est provoqué par le fichier overlay.js. Pour le résoudre éditez le fichier javascript et modifier le frameborder en le passant de 1 à 0: this.iframe = new Element(‘iframe’).setProperties({ ‘id’: ‘OverlayIframe’, ‘name’: ‘OverlayIframe’, ‘src’: ‘javascript:void(0);’, ‘frameborder’: 0, ‘scrolling’: ‘no’ … Read entire article »
Filed under: Développement Web, Featured
Google Webmaster Tool – Pages introuvables accessible via
Bien pratique, cet outil gratuit fournit moultes informations sur votre site Internet : mots clés tapés, vitesse d’exploration du robot, pages d’erreurs rencontrées, etc. Parmi ces fonctionnalités vous pouvez lister l’ensemble des pages introuvables. Très utile surtout pour les sites comportant de nombreuses pages. Que ce soit par une règle de réécriture mal gérée, un lien pointant vers une 404, ou autre, tout est précisé sur l’interface de Google Webmaster Tools. Vous pouvez aussi au besoin exporter l’ensemble des url non trouvées dans un fichier Excel. Cet outil avait pourtant un gros défaut, il était impossible de connaître la page source du lien erronné. Donc sur un site de plusieurs millions de pages, on savait que http://www.monsite.com/rep/mapage.htm renvoyait une 404. Mais où Google avait-il trouvé ce lien ? A présent cette … Read entire article »
Filed under: Développement Web
Lightbox versus Multibox
Ce blog utilise lightbox mais pour différents projets, avec le bon Franck, Freelance de son état, nous avons du étudier les différentes solutions du marché. Plusieurs contraintes: Pouvoir intégrer le système sous forme de module externe, pour ne pas polluer la structure d’un site Être en mesure de modifier le source à loisir sans avoir à passer trois mois pour appréhender le code Ne pas être en permanence à bricoler pour gérer les différents conflit de script Résultat des courses, pour le meilleur et pour le pire; sortent vainqueurs lightbox et multibox. Les deux ne cohabitent pas ensemble, à moins de modifier le source bien entendu. LightBox: http://www.huddletogether.com/projects/lightbox/ Intégration excessivement simple, pas mal de version différentes, mais son avantage reste réellement dans sa facilité d’implémentation. Multibox (PhatFusion): http://www.phatfusion.net/multibox/ Mise en place assez simple mais plus d’appels JS: overlay.js (pour la gestion du … Read entire article »
Filed under: Développement Web
PHP – raccourcir le code
Voici quelques astuces pour raccourcir le code et le rendre plus lisible. N.B.: L’indentation n’est pas respectée par le plugin de coloration syntaxique. Conditions & For Voici un if else classique: Première contraction possible (seulement s’il n’y a qu’une seule instruction à chaque fois): Deuxième contraction, appelée condition ternaire: echo $prenom == ‘keran’ ? ‘Blog Writer’ : ‘Blog Visitor’; ou dans le cas présent: echo ‘Blog ‘.($prenom == ‘keran’ ? ‘Writer’ : ‘Visitor’); La possibilité d’enlever les accolades est aussi possible pour les autres instructions, par exemple: Deviendrait: Fonctions L’initialisation des variables peut se faire dans l’entête de la fonction, par exemple: Pour simplifier on peut l’écrire sous cette forme: … Read entire article »
Filed under: Développement Web
Gandi VS OVH – Hébergement dédiés à petits prix
Petite nouveauté intéressant au niveau de l’hébergement d’entrée de gamme (prix affichés TTC). OVH avait le kimsufi, serveur dédié à bas prix: Prix : 24 € / mois Processeur : Céléron 2GHz Disque Dur : 160 Go Mémoire vive : 256 Mo DDR Bande passante : 100 Mbps. Hébergement utilisé d’ailleurs pour ce blog. A présent une nouvelle offre voit le jour: serveurs Privés RPS (Real Private Server). On connaissait bien les serveurs virtuels (utilisés chez Nexen par exemple). Le principe, prendre une grosse configuration machine (8 coeurs, 16Go de RAM, etc) et virtualiser plusieurs OS: plusieurs dédiés depuis une seule configuration. Pour le RPS c’est un peu différent. Hybride entre le serveur dédié et le serveur virtuel. Il y à une machine dédiée pour le processeur, la mémoire et le réseau. Le stockage est par contre issu d’un … Read entire article »
Filed under: Développement Web
IE6 sous Vista – Solution Microsoft
Et voilà; après moult recherches et solutions bricolées en voici une facile à mettre en place et qui plus est plébiscitée par le parrain Microsoft. Première étape Récupérer l’image d’une version Windows XP services pack 2. Microsoft la renouvelle tous les 3-4 mois. Pour la télécharger, cliquez ici (en bas de page, IE6_VPC.EXE) Deuxième étape Télécharger Virtual PC qui permettra d’ouvrir l’image et donc d’émuler sur votre PC un Windows XP. Pour le télécharger, cliquez ici Le plus dur est fait, installez … Read entire article »
Filed under: Astuces Softs / OS, Développement Web
bloquer l’affichage du contenu d’un répertoire via htaccess
Vous avez un hébergement, et par défaut la configuration apache liste le contenu de vos répertoires. Si vous n’avez pas la possibilité de modifier le httpd.conf, vous pouvez créer un petit fichier à la racine nommé HTACCESS Attention! il faut l’enregistrer avec un nom correct , « .htaccess » Au sein de ce fichier, mettez la ligne suivante: Options -Indexes Si le fichier existe déjà vous pouvez simplement ajouter la ligne à la fin. Accédez ensuite à un répertoire, en effectuant un bon CTRL+R pour être sûr que le cache du navigateur se vide et le tour est joué. … Read entire article »
Filed under: Développement Web