2013-07-29 153 views
-1

我想弄清楚課程選擇可能與我們的課程描述相關聯,並且我不確定我可以從哪裏開始做類似的事情,我可以在每個單選按鈕上加入更多信息?單選按鈕彈出更多信息

<table width="100%" cellpadding="0" cellspacing="8" border="1"> 
<tbody> 
    <tr> 
     <td width="20%" valign="top"> 
      <label for="Lit">Literature:</label> 
      <br> 
      <input name="Lit" type="radio" value="Eng150" required>English 150 
      <br> 
      <input name="Lit" type="radio" value="Lit150" required>Literature 150 
      <br> 
      <br> 
      <label for="Phl">Philopsphy:</label> 
      <br> 
      <input name="Phl" type="radio" value="Phl151" required>Philosophy 151 
      <br> 
      <input name="Phl" type="radio" value="Phl152" required>Philosophy 152 
      <br> 
      <br> 
      <label for "rel"="">Religion:</label> 
      <br> 
      <input name="Rel" type="radio" value="Rel150" required>Religion 150 
      <br> 
      <input name="Rel" type="radio" value="Rel151" required>Religion 151 
      <br> 
     </td> 
     <td width="23%" valign="top"> 
      <label for "hist"="">History:</label> 
      <br> 
      <input name="Hist" type="radio" value="Hist151" required>History 152 
      <br> 
      <input name="Hist" type="radio" value="Hist155">History 155 
      <br> 
      <br> 
      <label for "artlang"="">Fine Arts or Language:</label> 
      <br> 
      <input name="ArtLang" type="radio" value="Art150" required>Art 150 
      <br> 
      <input name="ArtLang" type="radio" value="Mus150" required>Music 150 
      <br> 
      <input name="ArtLang" type="radio" id="langSelect" value="Lang" required>Foreign Language (use selection below) 
      <br> 
     </td> 
     <td width="34%" valign="top"> 
      <label for="NatSci">Natural Science:</label> 
      <br> 
      <input name="NatSci" type="radio" value="Bio157" required>Biology 157 
      <br> 
      <input name="NatSci" type="radio" value="Bio158" required>Biology 158 
      <br> 
      <br> 
      <label for "socsci1"="">Social Sciences (choose one from each pair):</label> 
      <br> 
      <input name="SocSci" type="radio" value="Econ150" required>Econimics 150 
      <br> 
      <input name="SocSci" type="radio" value="Pol151" required>Political Science 151 
      <br> 
      <hr width="75%" align="left"> 
      <input name="SocSci2" type="radio" value="Psy155" required>Psychology 155 
      <br> 
      <input name="SocSci2" type="radio" value="Soc150" required>Sociology 150 
      <br> 
     </td> 
     <td width="23%" valign="top"></td> 
    </tr> 
</tbody> 
</table> 
+2

你的問題到底是什麼?如果它關於彈出式調查JavaScript和jQuery – RyanS

+2

問題通常有一個問號('?')。你的在哪裏? –

+0

試圖找到一種方法來將更多信息合併到每個單選按鈕選擇中,當這是紙質表格時,附有一份附有每個課程描述的紙張 – burntehsky

回答

0

不知道我正確理解了這個問題,但我只是添加了正常的超鏈接,導致每個課程的描述。 JavaScript可以將超鏈接轉換爲打開AJAX模式或手風琴,其中包含單擊過程的描述。

如果您能詳細說明究竟什麼「課程選擇可以以某種方式與我們的課程描述聯繫起來」意味着,我們可以幫助選擇適當的技術來實施。是否有任何已知的實施要求(通過UI或技術)?

+0

我一直在想,如果可能的話,它會顯示所需的課程信息。 – burntehsky

+0

是的,您可以使用AJAX從每個單選按鈕的超鏈接後面讀取描述內容,並將其設置爲在頁面頂部以lightbox模式打開。 – ojrask

+0

好的,有沒有什麼樣的例子可以指向我,這樣我可以更好地瞭解這將是什麼樣子?我明白你的意思只是不確定如何完成它。 – burntehsky