1

オブジェクトの表示プロパティを Javascript で変更する際に問題があります。

mysqlを使用してデータベースのデータからテーブルを埋め、php行ごとに必要に応じてDIVwithdisplay:noneプロパティを作成し、div. ここcssにあるdiv：

display:none; /*initially menu item is hidden*/
position: absolute; /*absolute positioning to float*/
background-color:#fff;
width:230px;
min-height:120px;
right:60px;
border:5px solid #ccc;
text-align:right;
direction:rtl;
padding:10px;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;

これはjavascriptです：

function showfield (a) {
    document.getElementById(a).style.display = "block";  
}
function hidefield (a) {
    document.getElementById(a).style.display = "none";  
}

関数は機能し、必要な場所に div が表示されますが、問題は次のとおりです。

JavaScript 関数を呼び出して表示すると、div が表示されますが、ページが一番上までスクロールし、開いている div を表示するには、下にスクロールする必要があります。私のページはレポート ページであり、長いページである可能性があり、これはまったく良い出来事です！

なぜそれが起こるのか理解できません。この自動スクロールを防ぐ方法はありますか?

4

2 に答える 2

0

以下のコードを試してください。

<script>
 function showfield(a)
  {
    document.getElementById(a).style.display = "block";  
  }
   function hidefield(a)
  {
      alert(a);
    document.getElementById(a).style.display = "none";  
  }
</script>
<a href="javascript:void(0)" onclick="showfield('myid')">show</a>
<a href="javascript:void(0)" onclick="hidefield('myid');">hide</a>

<div id="myid">test content goes here</div>
于 2012-12-26T10:04:04.093 に答える
0

これを試してみてください....

HTMl

 <a style="text-decoration:none; color:black;" href="#<?php echo("a".$cntr); ?>" onclick="return showfield(<?php echo($cntr); ?>)"><?php echo($cntr); ?></a>

ジャバスクリプト

function showfield(a){
   document.getElementById(a).style.display = "block";
   return false;
}
于 2012-12-26T09:57:34.987 に答える