archive-org.com » ORG » B » BRAINCRACKING.ORG

Total: 56

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Battery Status API : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    la durée avant décharge onlevelchange changement du de charge Notes sur le tuto Branchez débranchez votre appareil pour voir son statut de charge évoluer La durée indique Infinity lorsqu elle ne peut être évaluée chargingTime débranché dischargingTime branché Limitations La durée de chargement n est pas réévaluée lors du branchement et reste sur Infinity Firefox supporte une spécification dépréciée navigator battery est remplacé par navigator getBattery Démo fonctionnelle sous Firefox Chrome 46 sous Lollipop Android 5 0 n actualise pas la durée de décharge et reste sur Infinity Chrome et Firefox remontent des informations erronées sous Jelly Bean Android 4 1 1 Exemple de code HTML 5 État de la batterie standard br span id std class ko navigator getBattery non supporté span br script function lpad n return n 10 0 n function second2Time secondes if Number isInteger secondes time new Date time setTime secondes 1000 return lpad time getHours lpad time getMinutes lpad time getSeconds else return secondes function batteryStatus battery id msg battery charging En charge Pas en charge à battery level 100 br msg second2Time battery chargingTime avant la charge br msg second2Time battery dischargingTime avant la décharge test document getElementById id test innerHTML msg test

    Original URL path: http://html5demo.braincracking.org/demo/batteryStatusAPI.php (2016-04-30)
    Open archived version from archive


  • geolocation : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    options tente d obtenir l emplacement de l appareil succes fonction utilisant les informations de géolocalisation erreur fonction traitant les types d erreurs options enableHighAccuracy permet d activer l utilisation du GPS sur mobile timeout détermine en millisecondes le délai d attente maximum d une réponse après acceptation de l utilisateur watchPosition surveille l emplacement de l appareil à intervalles réguliers coords contient les coordonnées géographiques et d autres attributs comme par exemple l altitude Notes sur le tuto Il est nécessaire d autoriser l envoie d informations pour permettre la géolocalisation La géolocalisation peut prendre quelques secondes Limitations L altitude n est rendue que sur les mobiles utilisant le GPS sur poste fixe Firefox retourne 0 tandis que les autres navigateurs retournent null Exemples avec carte Max Heap Size HTML5 Demos Andy Gup Rafraîchissement automatique html5 Doctor article en anglais HTML5 CC3 article en français HTML5 Rocks Exemple de code HTML 5 span id myPosition span script myPosition document getElementById myPosition function getCoords position lat position coords latitude pos Latitude lat br pos Longitude position coords longitude br pos Altitude position coords altitude br pos Précision position coords accuracy m myPosition innerHTML pos myPosition className ok function errorMsg error

    Original URL path: http://html5demo.braincracking.org/demo/geolocation.php (2016-04-30)
    Open archived version from archive

  • Max Touch Points : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    nombre maximum de points de contacts simultanés Notes sur le tuto Limitations Le nombre retourné est faux et inférieur à la réalité cf Touch Events Voir aussi Touch Events Pointer Events Exemple de code HTML 5 span id test class ko navigator maxTouchPoints non supporté span script if navigator maxTouchPoints test document getElementById test test innerHTML navigator maxTouchPoints point s de contact s maximum s test className ok script Démonstration

    Original URL path: http://html5demo.braincracking.org/demo/maxTouchPoints.php (2016-04-30)
    Open archived version from archive

  • Media Capture : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    l API permettant de manipuler ces périphériques Mozilla Developer Network HTML5 Rocks HTML5 doctor Exemple Prenez une photo qui sera affichée à l écran Testé sous IE 11 Windows 8 1 mobile Voir aussi File API Exemple de code HTML 5 Prenez une photo input type file accept image capture camera id testFile name test br img id testImg style width 100px br Enregistrez un son input type file accept

    Original URL path: http://html5demo.braincracking.org/demo/mediaCapture.php (2016-04-30)
    Open archived version from archive

  • Pointer Events API : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    sortie en survol mouseout pointerleave sortie glissée mouseleave gotpointercapture réception d un des évènements ci dessus lostpointercapture déclanché lorsqu il n est plus possible de recevoir un des évènements ci dessus pointeur non actif et hors zone de survol Notes sur le tuto Interagissez avec l écran par le moyen de votre choix souris stylo doigt L utilisation de preventDefault dans la fonction pointerDrop permet de ne pas activer l objet déplacé si celui a une action associée Limitations Seul IE Edge supporte cette spécification qui était préfixée sous IE 10 Les évènements restent associés à l élément initiateur tant qu il n est pas déplacé contrairement à Touch Events pointerout et pointerleave semblent redondants Article et démo en anglais sur le blog MSDN Voir aussi Touch Events Drag n drop Exemple de code HTML 5 1 Pointez l écran br span id test span br script document addEventListener pointerdown function event test document getElementById test test innerHTML Pointer Id event pointerId br Width event width br Height event height br Pressure event pressure br Tilt X event tiltX br Tilt Y event tiltY br Pointer Type event pointerType br Is Primary event isPrimary test className ok script br 2 Glissez Lachez les navigateurs span id test2 span br div class box id box onpointerover alert over p Navigateurs compatibles p div div style float left br img src img logos chrome1 png id cr onpointerdown pointerDrag this event onpointerup pointerDrop this event onpointerout document getElementById test2 innerHTML out onpointerenter document getElementById test2 innerHTML enter br img src img logos firefox1 png id ff onpointerdown pointerDrag this event br img src img logos ie1 png id ie onpointerdown pointerDrag this event br img src img logos safari1 png id sf onpointerdown pointerDrag this event div div class box onpointerup pointerDrop

    Original URL path: http://html5demo.braincracking.org/demo/pointerEventsAPI.php (2016-04-30)
    Open archived version from archive

  • Screen Orientation API : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    button onclick screen orientation unlock document webkitExitFullscreen Automatique button br Orientation actuelle span id std class ko Screen Orientation API non supportée span br script std document getElementById std function getScreenOrientation engine type angle engine innerHTML type angle engine className ok webkitFullscreen function document documentElement webkitRequestFullscreen webkitLock function o screen orientation lock o function setScreenOrientation fullscreen lock orientation fullscreen lock orientation screen orientation addEventListener change function getScreenOrientation std screen orientation type screen orientation angle getScreenOrientation std screen orientation type screen orientation angle script Forcez l orientation button onclick setScreenOrientation webkitFullscreen webkitLock portrait Portrait button button onclick setScreenOrientation webkitFullscreen webkitLock portrait primary Portrait 1 button button onclick setScreenOrientation webkitFullscreen webkitLock portrait secondary Portrait 2 button button onclick setScreenOrientation webkitFullscreen webkitLock landscape Paysage button button onclick setScreenOrientation webkitFullscreen webkitLock landscape primary Paysage 1 button button onclick setScreenOrientation webkitFullscreen webkitLock landscape secondary Paysage 2 button br br u Préfixes u br br Microsoft 11 le Internet Explorer br Orientation automatique button onclick screen msUnlockOrientation document msExitFullscreen Automatique button br Orientation actuelle span id ms class ko Screen Orientation API non supportée span br script ms document getElementById ms msFullscreen function document documentElement msRequestFullscreen msLock function o screen msLockOrientation o screen addEventListener msorientationchange function getScreenOrientation ms screen msOrientation getScreenOrientation ms screen msOrientation script Forcez l orientation button onclick setScreenOrientation msFullscreen msLock portrait Portrait button button onclick setScreenOrientation msFullscreen msLock portrait primary Portrait 1 button button onclick setScreenOrientation msFullscreen msLock portrait secondary Portrait 2 button button onclick setScreenOrientation msFullscreen msLock landscape Paysage button button onclick setScreenOrientation msFullscreen msLock landscape primary Paysage 1 button button onclick setScreenOrientation msFullscreen msLock landscape secondary Paysage 2 button br br Mozilla Firefox br Orientation automatique button onclick screen mozUnlockOrientation document mozCancelFullScreen Automatique button br Orientation actuelle span id moz class ko Screen Orientation API non supportée span br script moz

    Original URL path: http://html5demo.braincracking.org/demo/screenOrientationAPI.php (2016-04-30)
    Open archived version from archive

  • Touch Events API : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    est annulé par une cause extérieure Notes sur le tuto Touchez l écran en plusieurs points simultanément et faites plusieurs essais successifs Article ancien mais bien documenté et toujours d actualité sur HTML5 Rocks Table de compatibilité très précise sur quirksmode Test drag and drop multipoints Limitations Les 3 moteurs de rendu ont une façon différente d invalider le scroll écran qui est un pré requis au drag and drop Les évènements restent associés à l élément initiateur même déplacé cf démo où touchend est sur le logo du navigateur et pas sur la boîte contrairement à Pointer Events Voir aussi Pointer Events Drag n drop Exemple de code HTML 5 1 Touchez l écran span id test span br script document addEventListener touchstart function event test document getElementById test test innerHTML event touches length point s de contact s test className ok script br 2 Glissez Lachez les navigateurs dans une zone br div class box id box1 p Navigateurs compatibles p div div style float left br img src img logos chrome1 png id cr ontouchstart touchDrag ontouchend touchDrop this event br img src img logos firefox1 png id ff ontouchstart touchDrag ontouchend touchDrop this event br img src img logos ie1 png id ie ontouchstart touchDrag ontouchend touchDrop this event br img src img logos safari1 png id sf ontouchstart touchDrag ontouchend touchDrop this event div div class box id box2 p Navigateurs incompatibles p div div style clear both div script function touchDrag document ontouchmove function event event preventDefault Webkit document ontouchstart function event event preventDefault Mozilla document body style touchAction none Microsoft function isInside boxId point box boxId getBoundingClientRect if box left point clientX point clientX box right box top point clientY point clientY box bottom return true else return false function touchDrop target event

    Original URL path: http://html5demo.braincracking.org/demo/touchEventsAPI.php (2016-04-30)
    Open archived version from archive

  • Vibration API : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    de durées et de pauses on peut à tout moment arrêter la vibration en passant zéro en paramètre Notes sur le tuto Une démo de David Walsh Testé sous IE 11 Windows 8 1 mobile Exemple de code HTML 5 span id test span script if navigator vibrate test document getElementById test test innerHTML Vibration non supportée par ce navigateur test className ko script button onclick navigator vibrate 5000 Activer

    Original URL path: http://html5demo.braincracking.org/demo/vibrationAPI.php (2016-04-30)
    Open archived version from archive



  •