div风格：隐藏标签占用空间

我遇到问题。我有两个HTML按钮，我想一次显示一个。我有代码工作正常，但问题是空间。在GUI中，两个按钮的空间都存在，这是不可接受的。我想把这两个按钮放在同一个位置。div风格：隐藏标签占用空间

的代码是：

function searchWithin(id) 
{ 
    if(document.getElementById("searchwithin").checked) 
    { 
    document.getElementById('searchwithin_'+id+'_searchButton').style.visibility="visible"; 
    document.getElementById(id+'-form-submit').style.visibility="hidden"; 
    } 
    else 
    { 
     document.getElementById('searchwithin_'+id+'_searchButton').style.visibility="hidden"; 
     document.getElementById(id+'-form-submit').style.visibility="visible"; 
    } 
} 

<g2:button style="visibility:visible;" id="${g2:escapeXml(componentId)}-form-submit" name="submitButton" type="submit" value="Search" bamId="${searchBarBam}" actionName="${action}" inputClass="p-userSearchButton" />&nbsp; 

<input style="visibility:hidden;" type="button" class="p-userSearchButton" name ="searchinresult" id="searchwithin_${componentId}_searchButton" value="Search Within" onClick="javascript:($C('${componentId}')).filterBySearchWithIn('${searchBarBam}','${componentId}-form-text');"></input>

我需要去改变它，如：

document.getElementById('searchwithin_'+id+'_searchButton').style.display="none"; 
    document.getElementById(id+'-form-submit').style.display="true"; 

<g2:button style="display:true;" 
      id="${g2:escapeXml(componentId)}-form-submit" 
      name="submitButton" 
      type="submit" 
      value="Search" 
      bamId="${searchBarBam}" 
      actionName="${action}" 
      inputClass="p-userSearchButton" />&nbsp; 

<input style="display:none;" 
     type="button" 
     class="p-userSearchButton" 
     name ="searchinresult" 
     id="searchwithin_${componentId}_searchButton" 
     value="Search Within" 
     onClick="javascript:($C('${componentId}')).filterBySearchWithIn('${searchBarBam}','${componentId}-form-text');"></input>

但它不工作。

来源

2011-09-06 Tanu

你想要display: none;不是visibility: hidden。

编辑

在你编辑的代码使用display: true显示一个按钮，但正确的语法是：display: inline。更多显示选项查看：w3schools.com/css/css_display_visibility.asp。

如果这样不能解决您的问题，请更清楚地定义您的问题究竟是。

来源

2011-09-06 12:47:21 Exelian

详情在这里：http://www.w3schools.com/css/css_display_visibility.asp –

此外，要重新显示它，请将显示设置为'inline'。 – jmar777

好吧，'inline'可能适用于按钮，但请注意，这不是一个通用的解决方案。 – Exelian

div风格：隐藏标签占用空间

回答

相关问题