2013-12-12 25 views
2

可能不是最合適的堆棧溢出控制,但我相信你們,和很多你身邊最好的網絡開發者,所以這裏有雲:替代輸入,用於放置物品,以便

我有一個Web應用程序與幾組短語。對於每個小組,你都會按照你最喜歡的順序放4個「答案」(這是個性測試)。

我做了一個花哨的SVG和響應式的遊戲式系統,其中有4個雲按照您需要的順序點擊。但它的HTML5/CSS3/SVG有很多變革的影響,它僅適用於某些瀏覽器 enter image description here

我不知道任何設計的「理論」,但我需要搞清楚的是如何使一個非常簡單,完全跨瀏覽器和跨設備的方式來做同樣類型的事情。

例子:

  1. 列表中每個組的4個答案有一個下拉框旁邊的每一個地方,你可以選擇1-4

  2. 拖放它們整理好(jQuery的。但是這不會在觸摸屏上工作)

  3. PUT和「向上/向下」下一個箭頭,每次1片(像一些Windows對話框)

  4. 使用單選按鈕?

  5. 你的建議,這裏

我希望這個問題是清楚的。我是一名Web開發人員,爲了將4個「答案」集合起來而尋找一個跨設備「ui小部件」(或想法)。

有什麼建議嗎?

+0

數字1,3,4應該很容易,並將跨瀏覽器,那麼是什麼問題? – carter

+0

一個,他們這些方法留下了一個我試圖避免的「開始順序」(因此雲層有一個水平交錯的佈局。但是,下拉菜單有點令人討厭,並且會使它有點難以看到優先級(我希望按照phisically結束的答案)我不知道單選按鈕需要如何佈局以選擇每個按鈕1-4,我想我正在尋找一些非常優雅的東西,簡單,我沒有想過,或者鏈接到「排序」小部件列表 – AwokeKnowing

回答

1

我對此有個想法。希望這會有所幫助。 enter image description here

如果您有任何問題以瞭解我的上述圖片,請做評論。