0 
<TABLE align='center' BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable>
   <TR>
      <th CLASS=TH1 align='center' valign='top' colspan='15'>Input Summary</th>
      <th CLASS=TH1 align='center' valign='top'>
         <style type="text/css">
            .myLayersClass { position: relative; display:none; }
         </style>
         <span id='spanHideSummary' class='myLayersClass' style='display:none'>
            <a href='javascript:ToggleDisplay("spanSummary", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a>
         </span>
      </th>
4

1 に答える 1

0

そして、それは表示されるべきではありません。display:nonein.myLayersClassおよびstyle='display:none'on span 要素に従って。それを修正するには、次のようにする必要があります。

<th CLASS=TH1 align='center' valign='top'>
         <style type="text/css">
            .myLayersClass { position: relative;  }
         </style>
         <span id='spanHideSummary' class='myLayersClass'>
            <a href='javascript:ToggleDisplay("spanSummary", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a>
         </span>
      </th>

その上、javascript:...in href は悪い考えです。onclickイベントあり。このようなことを行う方が良いです (まあ、それは最善の解決策ではありません):

<a href='#' onclick="ToggleDisplay('spanSummary', ''; ToggleDisplay('spanPPDates', 'TsLinks'); return false;'>Hide</a>

また、スタイルはヘッダー タグ内に配置することをお勧めします。主な理由は、ブラウザーが css を見つけるだけですべてを再描画するように強制し、事前定義された場所 (インライン スタイルや css ファイルなど)<th>にすべての css がある Web サイトをサポートする方がはるかに簡単であるとします。<head>

于 2012-11-09T20:01:40.190 に答える