diff options
Diffstat (limited to 'files/ca/web/html/global_attributes/draggable/index.html')
| -rw-r--r-- | files/ca/web/html/global_attributes/draggable/index.html | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/files/ca/web/html/global_attributes/draggable/index.html b/files/ca/web/html/global_attributes/draggable/index.html new file mode 100644 index 0000000000..1e1090fc70 --- /dev/null +++ b/files/ca/web/html/global_attributes/draggable/index.html @@ -0,0 +1,104 @@ +--- +title: draggable +slug: Web/HTML/Global_attributes/draggable +tags: + - Experimental + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/draggable +--- +<p>{{HTMLSidebar("Global_attributes")}} {{SeeCompatTable}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a><strong> draggable</strong> és un atribut enumerat que indica si l'element es pot arrossegar, mitjançant el {{domxref("HTML_Drag_and_Drop_API","HTML Drag and Drop API")}}. Pot tenir els següents valors:</p> + +<ul> + <li><span style="font-family: courier new;">true</span>, indica que l'element pot ser arrossegat</li> + <li><span style="font-family: courier new;">false</span>, indica que l'element no pot ser arrossegat.</li> +</ul> + +<p>Si aquest atribut no està establert, el valor predeterminat és <code>auto</code>, és a dir, el comportament ha de ser el definit per incompliment per part del navegador.</p> + +<p>Aquest atribut és enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <code>true</code> o <code>false</code> és obligatori i que una forma abreujada com <code><label draggable></code> Exemple <code>Label</label></code> no està permès. L'ús correcte és <code><label draggable="true"></code> Exemple <code>Label</label></code>.</p> + +<p>Per defecte, només seleccions de textes, imatges i enllaços es poden arrossegar. Per a tots els altres elements, l'esdeveniment <strong>{{domxref('GlobalEventHandlers.ondragstart','ondragstart')}}</strong> ha d'establir-se perquè funcioni el mecanisme d'arrossegar i deixar anar, com es mostra en aquest <a href="https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations">exemple complet</a>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "interaction.html#the-draggable-attribute", "draggable")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#the-draggable-attribute", "draggable")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoDesktop("1.8.1") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile("1.8.1") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> |