門票通過JavaScript選擇的場所

我需要編寫一個網頁，用戶可以在其中選擇一個不同大廳的免費座位以供舉辦活動。我更喜歡不使用閃光燈，只使用JavaScript。有什麼圖書館或例子可以幫助我做到嗎？門票通過JavaScript選擇的場所

編輯：我在問如何創建一個客戶端UI

您將使用哪個數據庫來記住誰選擇了哪個席位？ – 2011-05-18 16:05:22

它與客戶端源代碼連接嗎？主要問題可能是如何描述座位在大廳中的位置:( – 2011-05-18 16:10:59

@ rib.usa：OP是不是更關心用戶界面？ – Piskvor 2011-05-18 16:12:35

我不知道一個圖書館，但其實這可能是一個語義正確的，兼容的方式使用影像地圖的情況。即使在HTML5中，<map>和area標籤也是有效的，併爲您提供了DOM的便利。

2011-05-18 16:09:35 Ronny

有沒有辦法改變區域顏色或將圖像放在地圖中？ – 2011-05-18 17:02:52

我認爲你要找的是位於圖像地圖頂部的絕對div，會變得有點混亂但可以實現。您可以更改div的透明度級別併爲其指定背景顏色以突出顯示效果。你甚至可以做足夠的圓角來使div'方塊'變成一個圓圈。 – 2011-05-18 17:31:54

我提出了圖像地圖，因爲我想到了複雜的場地形狀，旋轉座椅等。並希望允許精確點擊區域的靈活性。但是，您可以使用常規DOM來獲得足夠的接近度（表格可能是適當的，語義解決方案，因爲行和列都有意義）。對於基本旋轉，你可以使用旋轉的背景圖像。 – Ronny 2011-05-19 07:04:15

enter image description here

如果你想要去的不是影像地圖愛好者，您可以創建爲每個物理安排看起來每個單元一把椅子一張桌子。您可以根據座位的狀態更換每張椅子的圖片。您可以看中幻燈片，並將椅子圖像更改爲突出顯示的顏色，例如黃色，當它們懸停在上面時。

使用JQuery（Javscript庫）可以非常容易地完成圖像轉換。這裏有一些JQuery翻轉圖像的資源：http://webdevel.blogspot.com/2008/04/rollover-images-with-jquery.html

關於這個的壞處是安排椅子，但JQuery是很容易的部分，它會讓你的頁面看起來更加迷人，更加用戶友好。因爲使用圖像映射，實際圖像不能真正改變自己，以顯示座位4321已被採取（但您肯定可以通過其他方式泄露此信息）

2011-05-18 16:31:06

好點！改變了大寫字母。 – 2011-05-18 17:37:06

我實際上也是在接口到civiEvent之後，然而，由於某種原因，這似乎是模糊的「滾動你自己的」領土。

下面的腳本+教程可能給你一些里程：

請更新這個帖子，不管你的發現！

2011-05-18 17:24:53

回答