Via andylangton and james.padolsey we can find the viewport and document height/width in JavaScript: function getPageSize() { var vw = {width:0, height:0}; var doc = {width:0, height:0}; var w=window, d=document, dde=d.documentElement, db=d.getElementsByTagName(‘body’)[0]; // viewport size vw.width = w.innerWidth||dde.clientWidth||db.clientWidth; vw.height = w.innerHeight||dde.clientHeight||db.clientHeight; // document size doc.width = Math.max(db.scrollWidth, dde.scrollWidth, db.offsetWidth, dde.offsetWidth, db.clientWidth, dde.clientWidth); doc.height = Math.max(db.scrollHeight, […]
Auteur/autrice : Aymeric
Autosize a text to fit into a div in pure/native JavaScript
I was looking for a very tiny and light solution to fit a text inside a box. The box’ height and width are fixed. I only found some great solutions like BigText but I didn’t want to have jQuery loaded. Finally I found some code on StackOverflow and also at Coderwall. I created my own […]
Ajouter « nocaptcha reCaptcha » de Google à Guiform sous WordPress [Astuce]
J’utilise GuiForm pour faire des formulaires dans un WordPress, et je voulais y ajouter le captcha de Google sans pour autant devoir payer la licence chère de GuiForm juste pour ça… Pour réussir ce que je décris ci-dessous, il vous faudra connaitre votre clé privée et publique de Google Captcha. Il faut commencer par faire […]
Activer la compression gzip / deflate sur 1and1 [Astuce]
Ayant un WordPress chez 1and1 j’ai voulu activer la compression de mes pages. Après avoir longuement cherché de partout, j’ai trouvé comment procéder, et ce n’est vraiment pas simple…. En effet, il va falloir faire passer tous nos fichiers (js, css, html, …) par PHP afin qu’ils soient compressés à la volée. Chemin d’accès complet […]
Gérer les évènements touch sur mobile [JavaScript]
J’ai un projet sur lequel j’ai deux évènements « mouseenter » et « mouseleave » gérés par jQuery (pour faire le « hover »), et je voulais un comportement similaire sur mobile. Pour ce faire, je voulais qu’un « tap » affiche ce que le « hover » affiche avec la souris, puis qu’un second « tap » permette d’accéder au contenu (comme un « clic »). La solution […]
Permettre à aux utilisateurs phpBB de prévisualiser les styles du forum
Afin d’offrir une version mobile d’un forum phpbb aux utilisateurs, j’ai cherché comment ils pourraient basculer vers le style/thème mobile du forum juste en ajoutant « ?style=X » dans l’URL. Normalement cette option n’est offerte qu’à l’administrateur du forum, mais pour l’ouvrir à tous il suffit de modifier le fichier includes/session.php en remplaçant : if (!empty($_GET[‘style’]) && […]
Extraire une image d’un PDF [Astuce]
Pour extraire une image d’un PDF vous pouvez utiliser Photoshop…. ou Gimp ! Ce logiciel gratuit permet également d’extraire une image d’un PDF. Il suffit d’ouvrir le document PDF avec Gimp et il va vous proposer de choisir l’image à extraire. Simple et efficace.
How to expand Sharepoint 2010 calendar by default [JavaScript]
This code has been tested for Sharepoint 2010 only. It permits to expand by default (so as soon as the page is loaded) the events in the Month calendar view. See here a solution for Sharepoint 2013. Tested with IE8 and Firefox 34. You’ll have to add the below JavaScript code into your calendar page: […]
Round a number to one decimal [JavaScript]
The formula is a bit long but works: function round(x) { return parseFloat(Math.round(x * 10) / 10).toFixed(1).replace(/\.0/, « ») } round(458.21456); // -> 458.2 round(500); // -> 500 round(603.18); // -> 603.2
Breadcrumb / steps in CSS that works from IE8 [CSS]
I was looking for a simple code for a step by step process indicator. I found a few things, but everyone seems to have forgotten about IE8… I need to support this old browser at work. So I did my own that I’m sharing here: File Uploaded → File Reviewed → File Approved And the […]