-1

私はCSSスタイルdisplay:blockを使用しnoneてdivおり、条件に基づいてを非表示にしています。Facebookがブロックされている場合は、fb_Blockedwizardそれ以外の場合は表示しますfb_wizard。

ページを読み込んだり更新したりするdiv fb_Blockedwizardと、が数秒間表示されてdivから非表示になります。

divページの読み込み中または更新中に非表示にする必要があります

以下は私が使用しているコードです：

<script>
  $(document).ready(function() {
    hideFbBlockedwizard();
    hidefbwizard();
    var callbackOnSuccess = function(src) {
      hideFbBlockedwizard();
      showwizard();
      return false;
    };
    var callbackOnFailure = function(src) {
      hidefbwizard();
      showFbBlockedwizard();
    };
    checkAvailability("http://www.facebook.com/favicon.ico", 
      callbackOnSuccess,callbackOnFailure);
  });

  function  showFbBlockedwizard() {
    document.getElementById('fb_Blockedwizard').style.display='block';
    document.getElementById('fade').style.display='block';
  }   

  function hideFbBlockedwizard() {  
    document.getElementById('fb_Blockedwizard').style.display='none';
    document.getElementById('fade').style.display='none';
  }

  function checkAvailability(src, callbackSuccess, callbackFailure) {
    $("<img/>").attr("src", src).load(function() {
      callbackSuccess(src);     
  }).error(function() {
    callbackFailure(src);
  });
}

function showwizard() {
  document.getElementById('fb_Blockedwizard').style.display='none';
  document.getElementById('fb_wizard').style.display='block';
  document.getElementById('fade').style.display='block';    
}

ここに私のCSS： 

.white_content {
        /*display: none;*/
        display:none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 46%;
        height: 37%;
        padding: 16px;
        border: 16px solid #999;
        background-color: white;
        z-index:1002;
        overflow: auto;
}
.white_content1 {
        display:none;
        position: absolute;
        top: 13%;
        left: 18%;
        width: 60%;
        height: 63%;
        padding: 16px;
        border: 16px solid #999;
        background-color: white;
        z-index:1002;
        overflow: auto;
}

ここに私のPHP：

  <div id="fb_wizard" class="white_content">
  <?php include  'fb_blocked.php'; ?>
  </div>
  <div id="fb_Blockedwizard" class="white_content1">
         <?php include  'fb_blocked_email.php'; ?> </div>
4

1 に答える 1

1

fb_Blockedwizardあなたのレイアウトの一部ですか？その場合は、display:noneHTML/CSS 内でスタイルを直接指定してください。display:blockjavascript ごとに設定します。

于 2012-08-06T09:54:14.853 に答える