Kéo thả là một tính năng rất phổ biến, đó là khi ta nắm một đối tượng ở vùng này thả sang vùng khác. Trong HTML5, kéo và thả là một phần tiêu chuẩn, tất cả các phần tử đều có thể nắm và kéo.
Ví dụ
<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(ev)
{
ev.preventDefault();
} function drag(ev)
{
ev.dataTransfer.setData(“Text”,ev.target.id);
} function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData(“Text”);
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<div id=”div1″ ondrop=”drop(event)”
ondragover=”allowDrop(event)”></div>
<img id=”drag1″ src=”img_logo.gif” draggable=”true”
ondragstart=”drag(event)” width=”336″ height=”69″>
</body>
</html> Thao tác:
Nắm và kéo
Thả vào phần đóng khung
Cách làm cho một phần tử kéo được, thêm thuộc tính draggable=”true”:
<img draggable="true">
Theo khoapham.vn
Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies
Với cấu hình vượt trội so với phiên bản anh em Surface RT, Surface Pro đã có một khởi đầu suôn sẻ hơn khi bán hết veo trên trang MicrosoftStore.com ngay trong buổi sáng lên kệ đầu tiên.
Asus vừa chính thức phát hành phiên bản mới của dòng VivoBook chạy Windows 8 với tên gọi VivoBook S500 với kích thước màn hình 15,6 inch, trang bị phím số cùng giá thành phải chăng.
This article describes the main features of the Commerce MailChimp module. The module integrates Drupal Commerce, MailChimp module and MailChimp’s eCommerce360 feature.
