Публикации по теме 'drag-and-drop'
Как использовать собственный HTML в качестве перетаскиваемого изображения с Vue.js
Вы действительно не можете правда сделать это, но мы все равно собираемся
Прежде, чем мы начнем
Этот метод определенно работает в Chrome, но не в Firefox. Мне еще предстоит проверить это в IE или Safari.
Если вы не знакомы с основами API перетаскивания HTML, я настоятельно рекомендую вам прочитать об этом в Документации разработчика Mozilla .
TL; DR - вот полный пример
Назначьте «фальшивое» перетаскиваемое изображение
В документации указано, что вы можете использовать..
Как перетаскивать между iFrames
Несколько лет назад я реализовал некоторый код, который позволял пользователю перетаскивать один или несколько элементов HTML из мест внутри одного iFrame (или Frame) и перетаскивать их в доступное место внутри того же iFrame или другого.
Я написал этот код, используя HTML4, JavaScript, jQuery и jQuery UI. Он оказался совместимым с Firefox, Chrome и IE 7+ и работал достаточно хорошо. Тот же метод должен работать с HTML5 и более новыми версиями jQuery и jQuery-UI.
В этой статье..
Базовая Канбан-доска в React
Мне всегда было интересно, почему кажется, что так много разработчиков любят преподавать то, что они знают, в обучающих статьях или видео. Я подумал: Разве их время не было бы лучше потратить на работу с клиентами или на создание одного из собственных побочных проектов . Теперь я пишу здесь, по сути, учебное пособие. Так зачем я это делаю? Я делаю это, потому что (1) акт артикуляции кода в учебной статье поможет мне закрепить концепции в моем собственном мозгу, (2) возможно, эта..
Перетаскивайте с помощью React.js
Сегодня я хотел бы продемонстрировать, как использовать react-beautiful-dnd .
Начнем с создания приложения для реагирования.
npx create-react-app task-dd
Чтобы начать работу с этим приложением, перейдите в каталог task-dd . Давайте проверим это.
npm start
Вы должны увидеть стандартный логотип страницы реакции в браузере, а также файлы и каталоги в VS Code, перечисленные ниже.
Далее нам нужно установить npm react-beautiful-dnd
npm i react-beautiful-dnd..
Перетаскивание Div с помощью jQuery
в этой статье мы увидим перетаскивание div на примере jquery. В этом примере мы используем сортируемый js. Sortable — это библиотека JavaScript для переупорядочиваемых списков перетаскивания. Вы можете изменить порядок списков перетаскивания для современных браузеров и сенсорных устройств. Не требуется jQuery или фреймворк.
Итак, давайте посмотрим событие перетаскивания в jquery, перетаскиваемый div jquery, перетаскиваемый li jquery, сортируемый перетаскиваемый javascript, сортируемый..
Поля перетаскивания | Javascript
В этом руководстве вы узнаете и изучите, как создавать поля перетаскивания с помощью HTML, CSS и JavaScript.
Создание структуры HTML:
Давайте начнем с настройки базовой структуры HTML для наших полей перетаскивания. Вот код, который вы можете использовать:
<!DOCTYPE html>
<html>
<head>
<title>Drag and Drop Fields</title>
</head>
<body>
<h1>Drag and Drop Fields</h1>
<div class="drag-container">..
Встроенная библиотека списков перетаскивания в React
Знаете ли вы, что HTML5 предоставляет встроенную функциональность перетаскивания?
А теперь, что если вы собираетесь использовать ее, и мы предоставим вам готовую библиотеку !
Перетаскивание — одна из наиболее распространенных функций, используемых в различных приложениях.
Хотя HTML5 предоставляет функцию перетаскивания, вы все равно не сможете использовать ее непосредственно в своем приложении React.
Если вы будете искать в Интернете, будет доступно несколько решений, но, к..