我正在寻找一种方法让用户可以构建自己的页面,包括菜单。因此,我想给他们图形化的可能性,所以他们可以添加一个菜单项,可以看到它看起来有点预览..然后菜单必须在相关用户ID下的数据库中安全...
如何实现此类功能或如何搜索教程?没找到任何我需要的东西..
我正在使用Larvavel 5.3,也许这可以帮助简化它... jQuery也是可能的..
请不要downvote因为我没有发布代码,因为那是事实,我还没有代码,因为我不知道如何开始使用这个“图形实时建筑”。
答案 0 :(得分:0)
<!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");
//So you have what user sent here as "**data**" You can use that to make an AJX call
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>
记住需要拖放JQuery。