Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wczytywanie zdjęć bez przeładowania strony
pirates21
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 4.08.2011

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

Witam.
Chcę aby po kliknięciu zdjęcia miniaturki załadował się większy obrazek. Chcę to zrobić przy pomocy ajaxowej funkcji getdata(). Problem w tym, zę po kliknięciu w miniaturkę ukazują się tzw. "krzaki" zamiast zdjęcia. Jak to wykonać poprawnie?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">  
  3.   <head>                      
  4.     <title>jCarousel Examples     
  5.     </title>    
  6.     <!--
  7.         Ajax - getdata();
  8.         -->
  9. <script type="text/javascript" src="../lib/ajax.js"></script>    
  10.   </head>  
  11.   <body>    
  12.     <div id="wrap">      	       
  13.       <div id="imagePane>  
  14.       </div>		                    
  15.       <a href="#" onclick="getdata('../obrazki/1.jpg','imagePane');">          
  16.         <img src="../miniaturki/thumb_1.jpg"></a>                                                                               
  17.     </div>  
  18.   </body>
  19. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1.  
  2. // here we define global variable
  3. var ajaxdestination="";
  4.  
  5. function getdata(what,where) { // get data from source (what)
  6.  try {
  7.    xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
  8.   		new ActiveXObject("Microsoft.XMLHTTP");
  9.  }
  10.  catch (e) { /* do nothing */ }
  11.  
  12.  document.getElementById(where).innerHTML ="<center><img src='loading.gif'></center>";
  13. // we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
  14.  ajaxdestination=where;
  15.  xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
  16.  xmlhttp.open("GET", what);
  17.  xmlhttp.send(null);
  18.   return false;
  19. }
  20.  
  21. function triggered() { // put data returned by requested URL to selected DIV
  22.   if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) 
  23.     document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
  24. }
[HTML] pobierz, plaintext


Ten post edytował pirates21 4.08.2011, 13:42:47
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
buliq
post
Post #2





Grupa: Zarejestrowani
Postów: 559
Pomógł: 93
Dołączył: 4.03.2008
Skąd: Olsztyn

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

HALO o.0 co ty robish (IMG:style_emoticons/default/questionmark.gif)

document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;

Pobierasz zawartość pliku i umieszczasz ją w div (IMG:style_emoticons/default/questionmark.gif) no z tym to się jeszcze nie spotkałem. Przecież masz już informacje o tym gdzie jest pełnych rozmiarów obrazek, powinieneś zatem co najwyżej sprawdzać czy plik tam jest i wstawiać go tak jak wstawiasz loading.gif
Go to the top of the page
+Quote Post

Posty w temacie
- pirates21   Wczytywanie zdjęć bez przeładowania strony   4.08.2011, 12:44:10
- - buliq   może pokażesz nam coś z tego getdata? mamy wróżyć ...   4.08.2011, 13:33:34
- - Louner   Mnie się wydaje, że pobierasz strumień danych i pr...   4.08.2011, 13:59:51
- - buliq   HALO o.0 co ty robish document.getElementById(aj...   4.08.2011, 14:20:47
- - melkorm   a ja się za pytam - na jaką cholerę do tego ajax p...   4.08.2011, 14:38:19
- - pirates21   Po raz pierwszy mam do czynienia z technologia Aja...   4.08.2011, 15:34:29
- - buliq   Proszę: [JAVASCRIPT] pobierz, plaintext function ...   4.08.2011, 15:52:26
- - pirates21   Dziękuję buliq. Działa. A powiedz proszę jak to ro...   4.08.2011, 15:58:46
- - buliq   Przecież to jest rozwiązanie bez ajaxa Poczytaj ...   4.08.2011, 16:17:49

« Następny starszy · XML, AJAX · Następny nowszy »
 

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

 

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

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

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