Wie zur Anzeige von Fortschrittsbalken bis ganze aspx-Seite laden?

Ich habe eine master-Seite Root.master-und eine Seite default.aspx . Ich möchte zur Anzeige von Fortschrittsbalken bis ganz Standard.aspx-Seite geladen wird .

Versuchte ich folgenden code:-

<html>
<head><title>xx</title>
</head>
<body style="visibility:hidden;" onload="function(){document.body.visibility='visible'}">
<img src="xxxx.gif" style="visibility:visible !important">

</body>
</html>

Aber das problem ist, dass ich nicht Körper auf default.aspx , es ist auf root.Meister , wenn wir es auf root.Meister, es gelten alle Seiten, die Erben von der Wurzel.master .
So gibt es andere für Sie .

Bitte schlagen Sie mich brauchbaren link oder Beispiele.

InformationsquelleAutor Sushant Bhatnagar | 2011-12-23

  1. 1

    in Ihrer Probe, wenn Sie mit jQuery sind, können Sie verwenden Sie folgenden re-factoring-code

     $(document).load(function(){
     $('body').css('visibility','visible');
 }

    dieses tutorial könnte hilfreich für das erstellen von benutzerdefinierten Fortschrittsanzeige.da das Dritte tutorial, ich werde nicht das kopieren von Inhalten auf hier.

    versuchen Sie, diese demo

    InformationsquelleAutor Chamika Sandamal

  2. 0

    Können Sie fügen Sie einen Verweis auf jQuery und dann machen Sie einen kleinen code so etwas wie:

    <html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(){  //Wait until the page has finished loading
        if ($(".ProgressBar"))  //Detect the element with class ProgressBar
        {
          $(".ProgressBar").hide();  //If found, set it to be display:none;
        }
      }
    </script>
  </head>
  <body>
    <div class="ProgressBar">
      <img src="Whatever.gif" alt="Please wait..." />
    </div>
  </body>
</html>

    Auch machbar ohne jQuery, aber es ist einfach so viel einfacher, es zu benutzen 😉

    Diese Weise die progress bar-gif lädt und sobald die Seite fertig ist, ist es unsichtbar.

    Ich hoffe, dass könnte helfen! Viel Glück.

    InformationsquelleAutor

  3. 0

    Sie nicht noch irgendwelche Bibliotheken, so ist hier eine Reine js-Lösung:
    http://jsfiddle.net/TTU7v/


    Die Idee ist, das Skript so nahe an dem öffnenden body-tag (aber nach!) wie möglich:

    <script type="text/javascript">
var body = document.getElementsByTagName("body")[0];
body.style.visibility = "hidden";
window.onload = function(){body.style.visibility = "visible";};
</script>

    InformationsquelleAutor Pencho Ilchev

Schreibe einen Kommentar