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".
  • innerHTML : 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.
    insertion dynamique d éléments dans le DOM innerHTML À rapprocher de appendChild à la différence qu il écrase les noeuds de même niveau et inférieurs et qu il nécessite d être évalué s il contient du code JavaScript Notes sur le tuto Exemple de code HTML 5 span id test class ko innerHTML non supporté span script eltTest document getElementById test eltTest innerHTML innerHTML supporté eltTest className ok script Démonstration

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


  • <menu> : 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.
    nom du groupe de boutons radio type type de commande parmi command commande classique par défaut checkbox coche radio boutons radio menu sous menu récursif par défaut de type contextuel hr séparateur toolbar barre de menu valeur par défaut au 1 er niveau qui peut contenir li liste Commandes quelconques Notes sur le tuto Inspiré de cette démo à utiliser en faisant un click droit Démo plus aboutie Limitations Firefox est le seul à supporter partiellement cette spécification XUL oblige Seulement les menus contextuels de type command L identifiant du menu ne peut pas être menu La balise menuitem doit obligatoirement être fermée par menuitem Librairie de substitution jQuery et un fork Exemple de code HTML 5 u Menu contextuel u br Clickez droit sur le logo img id logo src favicon 96x96 png contextmenu menuc menu type context id menuc menuitem label Action 1 icon favicon 16x16 png onclick action1 menuitem hr menu label Action 2 menuitem type command label Action 2 1 id mi21 menuitem menuitem label Action 2 2 disabled menuitem menu menuitem type checkbox label Action 3 checkbox checked id mi31 menuitem menuitem type radio radiogroup action4 label Action 4 1 radio id mi41 menuitem menuitem type radio radiogroup action4 label Action 4 2 radio menuitem menu br u Barre de menu u br menu type toolbar id menut li button type menu menu menu1 id button1 Menu 1 button menu type context id menu1 menuitem label Action 1 1 menuitem hr menuitem label Action 1 2 menuitem menu li li button type menu menu menu2 value Menu 2 menu type context id menu2 menuitem label Action 2 menuitem menu li menu script flag false function action1 flag flag document getElementById logo src flag favicon 194x194 png favicon 96x96 png script Démonstration du résultat HTML 5

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

  • <progress> : 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.
    à atteindre position attribut en lecture seule indiquant le pourcentage d avancement Notes sur le tuto Limitations Sous Chrome le visuel de barre de progression n est plus animé contrairement à Firefox Edge et IE ne restituent pas correctement le pourcentage d avancement 66 60000085830688 au lieu de 66 6 Cette erreur perdure même avec des nombres entiers Voir aussi meter Exemple de code HTML 5 progress id progressBar value

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

  •         <datalist> : 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 données sélectionnables Notes sur le tuto Le projet webforms2 est une implémentation JavaScript de ces nouveaux formulaires pour les navigateurs qui ne les supportent pas nativement Limitations Firefox ne fait apparaître la liste qu au 2 ème clique sur le champ Exemple de code HTML 5 input list cars value Cliquez pour voir la liste onclick this value datalist id cars option value BMW BMW option option value Ford

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

  •         <input> : 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 attribut value d un input de type url n est pas une URL valide et vérifie aussi depuis juin 2011 la valeur par défaut du type color Chrome et Opéra permettent de styler le type range via CSS et la balise datalist Edge apporte le support du type date Démonstration du type range sur ce convertisseur de mesures anglo saxonnes Limitations La date est récupérée dans la page d action via GET myDate au format ISO 8601 AAAA MM JJ IE supporte les formulaires HTML 5 depuis la version 10 Depuis la version sous Windows 7 IE supporte aussi les types number et range number sans aide à la saisie range indique la valeur courante pendant le déplacement du curseur mais n envoit pas d évènement oninput contrairement aux autres navigateurs mais onchange que les autres navigateurs ne renseignent qu à la fin Edge se comporte comme les autres navigateurs Exemple de code HTML 5 pseudo class css input optional background color silver input required background color fuchsia input invalid background color red range css input type range position relative input type range before input type range after position absolute top 30px input type range before left 0 content attr min input type range after right 0 content attr max form action input php Date input type date name myDate title Date aaaa mm jj value 2009 01 15 required br br Time input type time name myTime title Heure hh mn value 08 16 required br br Number input type number name myNumber title Nombre value 10 min 8 max 12 step 2 required br br Range input type range name myRange title Curseur value 0 min 0 max 10 step 2 onchange document getElementById rangeOutputOnChange textContent value oninput document getElementById rangeOutputOnInput textContent value list graduations datalist id

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

  •         <output> : 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.
    modifiable par l utilisateur dynamiquement mis à jour en fonction des entrées dans le formulaire Évènements value Valeur courante de la balise defaultValue Valeur par défaut de la balise type Retourne le type output Notes sur le tuto Le projet webforms2 est une implémentation JavaScript de ces nouveaux formulaires pour les navigateurs qui ne les supportent pas nativement onforminput est déprécié et remplacé par oninput depuis mai 2011 Exemple de

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

  • Sections : 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 titre h1 h6 pour apporter une hiérarchie et du sens Les balises header en tête d une section la page elle même pouvant être considérée comme une section nav bloc réservé à la navigation article bloc de contenu principal section sous partie d un article aside section en léger décalage avec le contenu footer pied de page d une section Lachlan Hunt Notes sur le tuto Les mêmes styles sont appliqués aux div et aux sections Exemple de code HTML 5 div style float left div id myHeader h4 lt div id header gt h4 div div id myNav lt div id nav gt div div id myArticle style float left lt div id article gt div id mySection lt div id section gt div div div id myAside style float right lt div id aside gt div div id myFooter style clear both lt div id footer gt div div div style float left br br br br br br div div style float left id demo header h4 lt header gt h4 header nav lt nav gt nav article style float left lt article gt section lt section gt section article aside style float right lt aside

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

  • <figure> : 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.
    qu elle n est pas nécessairement attachée au texte qu elle illustre mais peut être déportée Cette nouvelle balise permet donc d identifier les illustrations sémantiquement figure figcaption la légende de l illustration Notes sur le tuto figcaption est affiché par défaut avec le style display block Donc si la légende est sous l image alors cette balise est supportée Exemple de code HTML 5 figure img src img structure

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



  •