有沒有辦法顯示一個HTML網格

大家都知道下拉菜單是如何工作的，當一個人點擊下拉菜單時，它會顯示一個下拉列表，用戶可以從列表中選擇一個選項。我想知道的是，除了顯示下拉列表，我可以顯示一個網格，而不是網格中的選項，這是否有一種方法在HTML中？我沒有得到任何代碼，但如果有人知道這是可能的，可以提供一個這樣的例子，我會非常感謝，這將是非常有益的。有沒有辦法顯示一個HTML網格

來源

2011-12-07 BruceyBandit

我覺得有點不可能理解你想要做什麼。 – Akos

呃......你可以控制你想要顯示的下拉菜單，下拉菜單和中提琴表格 –

你是否正在尋找類似於http://www.northcantonschools.org/中這些控件之一的東西？ tech/images/stories/faq-pics/google_documents/insert_table.gif或http://www.blackbeltcoder.com/Articles/controls/colorpicker-controls-for-winforms/ColorPicker.jpg？ – Micah

這裏有一個基本的例子：

http://jsfiddle.net/QmLmC/

<!-- HTML --> 
<div id="myDropdownGrid" class="dropdownGrid"> 
    <div> 
     <button type="button">Open/Close</button> 
    </div> 
    <table border="1"> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </table> 
</div> 
<p>Click the button above to view open or close the grid.</p>

。

/* CSS */ 
.dropdownGrid{position:relative;} 
.dropdownGrid table{position:absolute; z-index:999; display:none;} 
.dropdownGrid td{width:20px; height:20px; background-color:white;} 
.dropdownGrid td:hover{background-color:blue;}

。

// Javascript using jQuery 
$("#myDropdownGrid button").click(function(){  
    $('#myDropdownGrid table').toggle(); 

});

來源

2011-12-07 21:19:27 Micah

讓我只是感謝你這個基本的例子，併爲你把時間幫助我。我會用這個例子作爲我希望獲得成功的墊腳石，非常感謝 – BruceyBandit

......好吧，沒有'網格'這樣的東西，但是一個表格會以'網格'的形式呈現信息。你可以用div元素構建一個網格，但這會變得過於乏味。

感覺就像使用jQuery一樣嗎？

/* make button clickable */ 
$("#someButton").click(function(){ 
    /* grid like container of data, talbe or a complex div 'structure' */ 
    $("#someGrid").toggle() // if grid is visible hide it, if hidden show it 

})

...所以你就會有一個按鈕，「someButton」的ID和任何網架結構/包裝與「someGrid」的ID號和CSS的「顯示：無」就可以了。

來源

2011-12-07 18:21:21 vector

有沒有辦法顯示一個HTML網格

回答

相關問題