2016-12-02 1 views
0

私は、ユーザーにメニューを含む独自のページを構築する方法を探しています。したがって、私はそれらにグラフィカルに行う可能性を与えたいので、メニュー項目を追加することができます。小さなプレビューがどのように見えるかを見ることができます。メニューは、関連付けられたユーザIDの下でdbで安全にされなければなりません...ユーザーのためのLaravel Menu Builder

このような機能を実装するにはどうすればよいですか、チュートリアルを検索するにはどうすればよいですか? ..私は必要なものであること、私はLarvavel 5.3を使用してい

を何かを見つけることができませんでしたが、多分これは、jQueryのも可能です...それが簡単になって助けることができる..私は持っているので、

downvoteしないでくださいコードは投稿されていません。なぜなら、この「グラフィックライブビルド」をどうやって始めたらいいのかわからないからです。

+0

Jqueryのドラッグ&ドロップ機能が必要な場合があります。あなたはメニューのリストを片面に持つことができ、次にユーザーはプレビューとして相手の側にドラッグすることができます – Michel

+0

@Michelユーザーは単にアイテムを追加してソートして、それらをdbに保存する機会がありますか? – nameless

+0

@Michelはjqueryに関連していますdroppable私はこのフィドル(http://jsfiddle.net/karim79/MvnEv/)を見つけました。そこにはアイテムを追加することができます。追加した後にアイテムを編集したり、削除したりする機能もあります。 ? – nameless

答えて

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のドラッグアンドドロップが必要です。

+0

あなたはフィドルを提供して、それが何をし、どのように機能するかを見ることができますか?そして、jQueryのドラッグ・アンド・ドロップは正確に何を意味しますか?あなたの例でもメニュー項目を変更できますか? – nameless

関連する問題