Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> ładowanie obrazka
Rastman
post
Post #1





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----

Mam proste pytanko. Na stronce będę miał jeden większy obrazek JPG. Chciałbym ,żeby obrazek ładował się na końcu i podczas ładowania wyświetlił się np:napis "ładowanie grafiki". Nie znam za bardzo JS. Jakies podpowiedz?


--------------------
ozonatory catering warszawa wynajem busów warszawa nomi wyszków
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Możesz użyć xmlHTTPRequest. Obrazek wsadzasz do innego pliku np. img.html
[HTML] pobierz, plaintext 
  1. <img src="obrazek.jpg" />
[HTML] pobierz, plaintext

W pliku index.html załatwiasz resztę:
Kod
<script type="text/javascript">
function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

function loadImg(){
    var xmlhttp = getHTTPObject();
    var area = document.getElementById("obrazek");
    
    area.innerHTML = "<p>Ladowanie obrazka.....</p>";
    xmlhttp.open("GET","img.html");
    
    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
            area.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null);
}
</script>

[HTML] pobierz, plaintext 
  1. <div id="obrazek">
  2.  
  3. </div>
  4. <script type="text/javascript">loadImg()</script>
[HTML] pobierz, plaintext

Minus tego rozwiązania jest taki że jak ktoś ma js wyłączone to będzie problem snitch.gif


--------------------
-------------

------
Go to the top of the page
+Quote Post
Rastman
post
Post #3





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----

dzięki, jeszcze tylko przetrawię kod i mogę sie brać do roboty


--------------------
ozonatory catering warszawa wynajem busów warszawa nomi wyszków
Go to the top of the page
+Quote Post
Zajec
post
Post #4





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----

Cytat(revyag @ 2005-05-25 11:07:34)
Minus tego rozwiązania jest taki że jak ktoś ma js wyłączone to będzie problem snitch.gif

A to nie opiera się przypadkiem o wtyczkę ActiveX?
Go to the top of the page
+Quote Post
FiDO
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 1 717
Pomógł: 0
Dołączył: 12.06.2002
Skąd: Wolsztyn..... Studia: Zielona Góra

Ostrzeżenie: (0%)
-----

Mnie sie wydaje, ze Ajax to armata na mrowke w tym przypadku... przekombinowanie.. Mozna to przeciez zrobic prosciej:
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2" ?>
  2. <!doctype html public "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  5. <head>
  6.   <title></title>
  7.   <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  8.   <script language="JavaScript" type="text/javascript">
  9.   <!--
  10.  
  11.   var img_src = "test.jpg";
  12.  
  13.   function loadImg(target)
  14.   {
  15.         var img = new Image();
  16.  
  17.     img.onload = function(e) {
  18.       var im = document.createElement('IMG');
  19.       var obj= document.getElementById(target);
  20.       im.src = this.src;
  21.       obj.innerHTML = '';
  22.       obj.appendChild(im);
  23.     }
  24.     img.src = img_src;
  25.   }
  26.   //-->
  27.   </script>
  28. </head>
  29. <body onload="loadImg('obrazek');">
  30.  
  31. <div id="obrazek">
  32. Trwa ładowanie <strong>obrazka</strong>, proszę czekać...
  33. </div>
  34.  
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


--------------------
Brak czasu :/
Go to the top of the page
+Quote Post
Rastman
post
Post #6





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----

no właśnie to będzie tylko jeden obrazek


--------------------
ozonatory catering warszawa wynajem busów warszawa nomi wyszków
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 10:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn