Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Partager sur facebook
Facebook
Partager sur google
Google+
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn

Attribut DRAGGABLE

Rôle

L’attribut draggable est utilisé pour autoriser ou pas le déplacement d’un élément HTML : il permet de faire des opérations de ‘glisser-déposer’.

Testez vous-même cette balise

Utilisez Codepen

Voici le resultat

Dans cet exemple vous pouvez déplacer le rectangle orange vers le rectangle jaune et le déposer dedans. Appuyer sur le bouton RERUN (en bas à droite de la zone) pour recommencer.

Le code Javascript nécessaire pour changer de place le rectangle orange

Le code CSS pour la présentation des rectangles

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

L’attribut draggable fonctionne sur Internet Explorer qu’à partir de IE-9.

Informations

Le texte sélectionné, les images et les liens sont déplaçables par défaut

L’attribut draggable s’emploie avec le langage Javascript

Valeurs possible de l’attribut draggable :

    • draggable=’true’ : autorise le déplacement
    • draggable=’false’ : interdit le déplacement
    • draggable=’auto’ : utilise le comportement par défaut du navigateur

Voir les autres attributs globaux

accesskey– class– contenteditable– contextmenu– data-*– dir– draggable– dropzone– hidden– id– langspellcheck– style– tabindex– title– translate

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.