Articles of html5

Utilisation de localstorage dans les favoris

J'aime beaucoup utiliser des signets avec de petits scripts. Par exemple, j'ai édité le script d'édition de note de cette publication sur Reddit pour enregistrer automatiquement et charger la dernière note via localstorage. … window.addEventListener("load", function () { div.innerHTML = localStorage.getItem("note"); }, false); document.body.addEventListener("keyup", debounce(function () { localStorage.setItem("note", div.innerHTML); }, 760)); … Il fonctionne bien […]

Marqueurs d'affichage, popups avec OpenLayer3

J'essaie de comprendre comment puis-je afficher des marqueurs / popups sur la carte OSM avec openlayers3, j'ai trouvé des exemples dans des exemples sur la page web ol3, mais … Y a-t-il plus d'exemples pour coder les marqueurs / popups avec javascript ou jquery, de préférence quelque chose comme ça ou des exemples similaires. L'idée […]

Comment copier d'un canevas vers un autre canevas

Voici le jsfiddle Je l'ai comme ma toile source HTML <h1>Source Canvas</h1> <canvas id="source" width=436 height=567></canvas> <h1>Destination Canvas</h1> <canvas id="destination" width=436 height=567></canvas> Javascript var sourceImage, ctx, sourceCanvas, destinationCanvas; //get the canvases sourceCanvas = document.getElementById('source'); destinationCanvas = document.getElementById('destination'); //draw the source image to the source canvas ctx = sourceCanvas.getContext('2d'); function start() { ctx.drawImage(img1, 0, 0); ctx.globalCompositeOperation […]

HTML5: Prévention de la fonction de défilement automatique de l'assistant pendant le glisser-déposer

Il est très difficile de rechercher sur Internet des informations sur ce comportement parce que je ne connais pas le terme associé. Je ferai de mon mieux pour le décrire. Il s'agit du comportement qui se produit généralement dans presque tous les éléments du navigateur qui supporte le défilement: Si vous cliquez sur la souris, […]

Comment charger un CSS dynamiquement en cordova

J'essaie de charger un CSS dynamiquement en cordova sur une requête xhr. Le chargement du CSS n'est pas un problème, je peux le charger sur xhr et le mémoriser dans le système de fichiers via l'API du fichier HTML5. Ensuite, je peux obtenir une URL, cela fonctionne parfaitement. Mais si je crée un nouvel élément […]

Prise en charge des événements Touchent et Touchleave

J'ai lu sur les événements touchentent et touchleave, sur le site Web Mozilla et sur le site Web w3 , mais je ne trouve aucun navigateur pour l'appuyer ou aucune bibliothèque javascript qui imite cet effet. Veuillez suggérer ce qui pourrait être fait car il existe une solution de contournement, car je travaille pour un […]

Problème tout en faisant html5 webapp cache

J'ai un webapp qui a le domaine http://draft.mo2do.com Lorsque j'arrive à l'URL, il se résoudra comme l'url ci-dessous et redirige vers la page d'accueil du site correspondant Http://draft.mo2do.com/s/_91665/Home Ici, j'ai implémenté le cache hors ligne. Mon fichier cache.manifest est le ci-dessous CACHE MANIFEST # Offline cache v4.0 # All other resources (eg sites) require the […]

LocalStorage Obtenir NULL?

Je ne sais pas pourquoi, comme je l'ai fait avant et cela a bien fonctionné, et je pense que ce pourrait être à cause d'un problème de navigateur / bug: localStorage.setItem('foo', 'bar') alert(localStorage.getItem('foo')); Je suis dans Firefox 3.6.6 et il avertit "bar" mais si je le fais: //localStorage.setItem('foo', 'bar') alert(localStorage.getItem('foo')); Je reçois NULL. Il devrait […]

Comment puis-je créer un dessin en toile pour remplir complètement le navigateur?

Voici le code que j'ai actuellement. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script> function draw() { var diagCanvas = document.getElementById("diag-cnvs"); diagCanvas.height=window.innerHeight; diagCanvas.width=window.innerWidth; if (diagCanvas.getContext) { var ctx = diagCanvas.getContext("2d"); var h = w = 100; var color1 = 'rgba(255,0,0,1)'; var color2 = 'rgba(255,0,0,.2)'; var x = y = 0; while(y<diagCanvas.height) { […]

Stockage de la session HTML5 envoyer au serveur

Si j'ai raison, Session Storage est stocké côté client et n'est accessible que pour un onglet. Comment puis-je envoyer des informations stockées dans le stockage de la session sur le serveur? Je peux utiliser un cookie pour cela, mais si j'ouvre 2 onglets, le cookie sera réécrit par le deuxième onglet. Merci