[問題] 同一.jsp中重複javascript的運用

看板Web_Design作者tommy91634 (肉包)時間9年前 (2015/12/24 02:12)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串1/1

各位先進好小弟我最近要修改一個網站要將網站中的圖片修改成能在固定大小的視窗中放大縮小 (詳見前一篇提問 #1MQLCyo0) 我使用了板上先進提供的連結裡的panzoom.js 具體實作如圖 http://i.imgur.com/ZjwkO48.png

效果會像這樣 http://i.imgur.com/XGbOBQD.jpg

(下面按鈕後來有修改到同一行) 然而在其中一個頁面遇到困難 ---以下說明開始--- 該頁面是類似一個線上測驗的形式有複數大題、大題之下還有複數小題、底下有"Next"的按鈕可以前往下一題要做的是將大題或小題中出現的圖片(不一定會有)修改成上圖實作的縮放形式該頁面原本的實作方式是在頁面laod進來時便獲取所有題目資訊接著對每個大題和小題用 document.createElement("DIV") 的方式將header和content的架構弄出來圖片、題目敘述、選項等則是以 .innerHTML 加入每個大題的<div>創建出來後會被 .hide 起來做答到該題號才會 .show 所以架構上會是這種形式 http://i.imgur.com/0Pc9Yll.png

(原本只有紅框處) ---以上說明結束、以下問題開始--- 問題一：我一開始的想法是把第一張圖的結構縮成一行直接接到要 .innerHTML 的字串buffer上如此圖片和按鈕有出來但並無效果自己另外寫了簡單的測試網頁似乎第一張圖只要是<section>本身或是<script>的部份是用 .innerHTML 的方式印出就不會有效果，請問這個猜測是否正確? 問題二：我第二個想法是把<script>部份抽出全部放到底下取得section的方式改為用id來找 (也就是若有 N 個大題+小題，下面就會有 N 個幾乎一樣的<script></script>) 雖然想當然爾這樣做也行不通不過想請教這種有重複多個的<script>該如何處理? 問題三：剛剛朋友給我一個想法，把第一張圖裡的<section>、<div>、<img>、<button>、<script> 等標籤都用 document.createElement 的方式做出來 <script>裡的內容則繼續用 .innerHTML 印請問這樣的想法方向正確嗎? ---以上問題結束--- 說明和提問有些冗長十分抱歉因為我光是要搞懂這份jsp檔在做什麼就花得不少時間表達能力也不太好希望各位先進能指點一二 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.193.194.115 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1450894370.A.F40.html