Ładowanie strony, obrazek ;)

0

Witam.
Chcę zrobić, że gdy wchodziłem w jakąś zakładkę [strona się ładuje] wyskakuje okienko z moim gifem ładowania.

Np. Klikam w zakładkę forum strona się wczytuje i od razu wyskakuje okienko [nie komunikat] z obrazkiem ładowania.

Jak takie coś osiągnąć ?

0

Być może chodzi ci o Ajax'a (framework np.jQuery)?

0

znalazłem taki kod:

<head>
<style type="text/css">
div#preloader {
  position: fixed; /* ustawia na stałe preloader w miejscu */
  width: 300px;  /* szerokość preloadera */
  left: 50%; 
  margin-left: -150px; /* wartość musi być połową szerokości ze znakiem - */
  top: 200px; /* wysokość od górnej krawędzi */
  z-index: 9999;
  display: none; /* ukrywa preloader (pod żadnym pozorem nie usuwać) */
  background: #fff;
  color: #000;
  border: 1px solid #aaa; 
  text-align: center; 
  font-weight:bold;
}
</style>
</head>
<body onload="koniecladowania()">
  <div id="preloader">

<img src="load.gif" title="Czekaj, trwa ładowanie strony"/>
<p>Czekaj, trwa ładowanie strony</p>

  </div>
  <div id="trescstrony">
        <script type="text/javascript">
        document.getElementById('trescstrony').style.filter="Alpha(Opacity=25)";
        document.getElementById('trescstrony').style.opacity=".25";
        document.getElementById('preloader').style.display="block";
        </script>

pozostała część stony która była wcześniej pomiędzy znacznikami <body></body>

        <script type="text/javascript">
                        function koniecladowania() {
        document.getElementById('trescstrony').style.filter="Alpha(Opacity=100)";
        document.getElementById('trescstrony').style.opacity="1.0";
        document.getElementById('preloader').style.display="none";
                        }
        </script>
  </div>
</body>

Ale jak np. jestem na index.php, wpisuje np. dodaj.php i nie wyświetla się..

0

Alpha(Opacity=25)
Nie jestem pewien, czy nie jest to IE only...

0

Potrzebujesz dodać to do każdej podstrony. Jeżeli chcesz przeładowywać całe podstrony bez chwilowego etapu "białej strony" to musisz użyć ajaxa, a żeby zbudować wygodną nawigację (przyciski wstecz/dalej), i z drugiej strony widzialną dla robotów (google) oraz działającą bez javascriptu - będziesz musiał poświęcić dużo czasu. to chyba zagadnienia zbyt długie, żeby opisywać całość na forum. parę słówek kluczowych masz, szukaj w google

1 użytkowników online, w tym zalogowanych: 0, gości: 1