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".
  • designMode : 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.
    execCommand Limitations Les boutons ne sont pas éditables sauf par IE Pour sortir du mode d édition utilisez le bouton designMode Off équivalent sous IE au menu contextuel Mode Navigation IE nécessite un double click pour passer en mode d édition Edge n a pas les spécificités de comportement de IE Exemple de code HTML 5 script document designMode on script Vous pouvez modifier tout le document et même déplacer

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


  • <details> : 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.
    le résumé par défaut est Details Le validateur du W3C ne reconnait pas la version par défaut sans summary Limitations Safari sous iOS présente bien le détail par défaut sans summary mais ne permet pas de le développer Exemple de code HTML 5 Le Cygne Noir details La puissance de l imprévisible Nassim Nicholas Taleb Les Belles Lettres 2008 details br Le Cygne Noir details summary La puissance de l

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

  • Drag n'drop & Data Transfer 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.
    survole une zone drag n drop dragstart invoqué lorsqu un objet est saisi drop invoqué lorsqu un objet est laché sur une zone drag n drop API Data Transfer setData défini l objet à transférer getData récupère l objet à transférer Notes sur le tuto L utilisation de preventDefault dans la fonction drop permet de ne pas activer l objet déplacé si celui a une action associée La déclaration de l attribut draggable dans l élément à déplacer ne semble pas obligatoire Limitations Les évènements ondrag ne sont pas envoyés sur écran tactile mais l utilisation de Touch Events permet d y remédier Testé sous IE 11 Windows 8 1 mobile Voir aussi Pointer Events Touch Events Exemple de code HTML 5 Glissez Lachez les navigateurs dans une zone br div class box ondragover return false ondrop drop this event id box p Navigateurs compatibles p div div style float left br img src img logos chrome1 png id cr draggable true ondragstart drag this event br img src img logos firefox1 png id ff draggable true ondragstart drag this event br img src img logos ie1 png id ie ondragstart drag this event br img src img logos safari1

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

  • execCommand() : 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.
    exécution d une commande sur un objet quelconque signalé par une sélection ou par le curseur execCommand commande IHM valeur commande le nom de la commande à exécuter non sensible à la casse bold createLink delete insertHTML insertImage insertLineBreak insertOrderedList insertUnorderedList italic underline IHM indique si une IHM est nécessaire facultatif valeur un éventuel paramètre de commande facultatif Notes sur le tuto Cette méthode retourne un booléen qui indique si la commande s est bien exécutée Son intérêt réside principalement dans une utilisation conjointe avec contentEditable designMode Limitations IE n interprète plus la commande bold Edge ne permet plus d utiliser cette démo puisque le click sur un bouton désélectionne le texte Un éditeur WYSIWYG A525G Exemple de code HTML 5 span contentEditable Sélectionnez n importe quoi sur cette ligne puis cliquez span input type button value G onclick document execCommand bold style font weight bold input type button value I onclick document execCommand italic style font style italic input type button value S onclick document execCommand underline style text decoration underline input type button value Effacer onclick document execCommand delete Démonstration du résultat HTML 5 Sélectionnez n importe quoi sur cette ligne puis cliquez Détection automatique du support HTML

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

  • Focus : 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.
    focus Notes sur le tuto Limitations Safari sous iOS ne supporte pas activeElement Exemple de code HTML 5 hasFocus span id focus class ko non supporté span br br script eltFocus document getElementById focus eltFocus innerHTML le document document hasFocus a n a pas le focus eltFocus className document hasFocus ok ko function activeElt activeElt document getElementById activeElt activeElt innerHTML document activeElement name a le focus activeElt className document activeElement

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

  • Fullscreen 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.
    donne pas accès aux ascenseurs en plein écran Les évènements liés au passage en plein écran via la touche F11 ne sont pas captés La librairie JavaScript screenfull js permet de s affranchir des différences d implémentations entre navigateurs Démonstration Article complet et à jour sitepoint API plein écran Microsoft Developer Network Utiliser le mode plein écran Mozilla Developper Network Exemple Mozilla Developper Network Test Microsoft Developper Network Voir aussi Pseudo classes CSS Pseudo element CSS Manifeste d application API d orientation d écran Exemple de code HTML 5 fullscreen css Mode plein écran sur fond vert et arrière plan jaune fullscreen background green backdrop background yellow moz full screen background green ms fullscreen background green ms backdrop background yellow webkit full screen background green Standard Edge button onclick document documentElement requestFullscreen Passer en plein écran button button onclick document exitFullscreen Quitter le plein écran button br span id std span br script std document getElementById std function fullscreenStatus engine enabled element msg Plein écran enabled non supporté br msg Élément en plein écran element engine innerHTML msg engine className enabled ok ko fullscreenStatus std document fullscreenEnabled document fullscreenElement document addEventListener fullscreenchange function fullscreenStatus std document fullscreenEnabled document fullscreenElement document addEventListener fullscreenerror function std innerHTML Erreur de passage en plein écran std className ko script br u Préfixes u br br Microsoft 10 le Internet Explorer le 11 button onclick document documentElement msRequestFullscreen Passer en plein écran button button onclick document msExitFullscreen Quitter le plein écran button br span id ms span br script ms document getElementById ms fullscreenStatus ms document msFullscreenEnabled document msFullscreenElement document addEventListener MSFullscreenChange function fullscreenStatus ms document msFullscreenEnabled document msFullscreenElement document addEventListener MSFullscreenError function ms innerHTML Erreur de passage en plein écran ms className ko script br Mozilla Firefox button onclick document documentElement mozRequestFullScreen Passer en

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

  • getElementsByClassName() : 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.
    se comporte comme getElementsByTagName getElementsByClassName classNames classNames représente une série de nom de classe Notes sur le tuto Ne comptabilise que les éléments présents dans la page au moment de l appel de la méthode dans l ordre d écriture de la page Exemple de code HTML 5 span id demo class ok span script document getElementById demo innerHTML Il y a document getElementsByClassName ok length élément de classe ok

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

  • getSelection() : 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 utilisateur Notes sur le tuto Edge ne permet plus d utiliser cette démo puisque le click sur un bouton désélectionne le texte Exemple de code HTML 5 Sélectionnez du texte sur cette page puis script function GetSelection demo document getElementById demo mySelection window getSelection demo innerHTML mySelection demo className mySelection ok ko script input type button value Cliquez onclick GetSelection span id demo span Démonstration du résultat HTML 5

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



  •