側邊4
你想要：
-
使用者瀏覽課程查詢（透過 iframe 顯示各查詢頁）
-
能點「＋加入」將課程暫存
-
右側出現一個「預排課表」或「我的清單」
整體就像「選課模擬系統」或「NTUCourse+」那樣。
✅ 可行性分析
| 項目 | 說明 | 可行性 |
|---|---|---|
| 新增右側課表區 | 在主框架 HTML 加上右側欄 (e.g. .schedule-panel) |
✅ 完全可行 |
| 跨 iframe 傳遞資料 | 若想從 iframe（查詢頁）內點「＋」直接加入課表 | ⚠️ 有限制，因為跨網域（不同 domain）瀏覽器會擋掉 window.postMessage 以外的溝通。 |
| 臨時儲存課程清單 | 可以用 localStorage 保存目前選的課程 | ✅ 可行 |
| 顯示課表視覺化（時間格） | 可用 CSS Grid 呈現週一～週五時段表 | ✅ 可行但需額外 JS |
💡 建議策略
有兩種方案可選：
🔹 方案 A：右側清單（簡易版，跨頁也能用）
→ 適合第一階段上線
→ 使用者在 iframe 裡點「加入課程」的連結（例如 target="_top" 並帶 query），主頁接收到參數後加到右側清單。
→ 不需改各查詢頁太多結構。
🔹 方案 B：完整互動課表（中期開發）
→ 自行包裝查詢介面（不使用外部 iframe），改為 AJAX 抓資料
→ 就能直接整合「查詢 + 加入 + 排課格」。
🧩 範例：加入右側「預排課表清單」
這是你現有頁面的擴充版：
-
左邊為查詢工具
-
中間為 iframe
-
右側為「已加入課程清單」
-
手機版自動折疊顯示
瀏覽數: