Catégorie : Navigateur

Get window/viewport/document height and width [JavaScript]

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

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

Voir tout le code JavaScript présent dans une page [Astuce]

Il peut arriver qu’on ait besoin de voir tout le code JavaScript d’une page dans un unique endroit. Pour cela vous pouvez utiliser ce bout de code. Grâce à la partie « bookmarklet » vous pouvez créer un nouveau marque-page et utiliser le code fourni comme URL du marque-page. Ensuite il suffit d’aller sur la page voulue […]

L’autocomplete des passwords ne fonctionne plus sur Firefox ? [Astuce]

Après un crash de mon ordinateur je me suis retrouvé avec Firefox qui ne remplissait plus mes zones « Password » sur les différents sites. Plutôt ennuyeux. Après une recherche j’ai trouvé qu’une option s’était décochée d’elle-même ! Il suffit d’aller dans les Options, onglet Sécurité, puis de vérifier que « Enregistrer les mots de passe » est bien […]

Cross-browser solution to read a local file and return the Data URI in base64 [Javascript]

I searched for a solution to have a way to read a local file and then have the Base64 content returned into all the web browsers. The Javascript FileReader API exists for the modern browsers but not for Internet Explorer (IE). The solution is finally with Flash ! Look at the project on http://aymkdn.github.com/FileToDataURI/, and […]

Permettre le retour en arrière sur une page PHP avec une session [programmation]

Si vous utilisez les sessions avec PHP et que vous avez un formulaire qui fait du POST, alors le retour en arrière (en utilisant le bouton du navigateur) risque de retourner une page blanche avec un message d’erreur du style « Le document a expiré ». Après avoir fouillé la documentation PHP pour session_cache_limiter, j’ai découvert qu’il […]

CSS3 PIE pour créer un border-radius sur IE [webdesign]

Si vous cherchez à faire un border-radius sur un vieux IE vous avez dû vous rendre compte que cela ne fonctionne pas… mais heureusement il existe CSS3 PIE qui est un « petit » fichier qui va permettre de créer l’effet désiré ! A noter cependant que je rencontre un problème : lorsque j’applique le fichier htc […]

IE9 en mode standard et Sharepoint… bug du bouton OK [Sharepoint]

[niveau expert] Si vous passez IE9 en mode standard avec Sharepoint vous risquez d’avoir le bouton OK des formulaires qui ne fonctionne plus… Après avoir debuggué le bazar j’ai découvert qu’un des fichiers (« /_layouts/1033/form.js ») Javascript utilise document.frames() au lieu de document.frames[]. Si cela fonctionne sur les anciens navigateurs, ce n’est plus le cas pour IE9 […]

IE8 Developer Toolbar qui ne s’affiche plus [astuce]

Avec Internet Explorer il est possible d’utiliser un débogueur qu’ils nomment « IE Developer Toolbar ». C’est très peu puissant, mais quand on doit travailler sur ce navigateur ça peut être utile… Pour l’activer il faut appuyer sur la touche F12, seulement, dans mon cas, même si elle apparaissait bien dans la liste des fenêtres ouvertes, quand […]