有没有办法显示一个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网格

回答

相关问题