Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Ajaxowy uploader - użycie w kilku miejscach
Forum PHP.pl > Forum > Przedszkole
chłopiec z pieca
hej, mam ajaxowy uploader znaleziony w sieci - wszystko działa, ale chciałbym wykorzystać go parę razy w jednej podstronie.
Wszystko opiera się na zmiennych:
[JAVASCRIPT] pobierz, plaintext
  1. var btnUpload = $("#upload-photo_1");
  2. status = $("#status-upload_1");
[JAVASCRIPT] pobierz, plaintext


w/w przykład pokazuje, że odwołujemy się do elementu o identyfikatorach wskazanych wyżej - OK.
Tylko jak zrobić, aby móc więcej razy używać ten skrypt na stronie? Kod HTML wygląda tak:

  1. <div>
  2. <a href="java script:void(0)" id="upload_photo-1">wrzuć fotke</a>
  3. <span id="status-upload-1"></span>
  4.  
  5.  
  6. ----------------------------------
  7. <a href="java script:void(0)" id="upload_photo-2">wrzuć fotke</a>
  8. <span id="status-upload-2"></span>
  9.  
  10. <a href="java script:void(0)" id="upload_photo-3">wrzuć fotke</a>
  11. <span id="status-upload-3"></span>
  12. </div>


no i teraz mógłbym po prostu dublować ten kod JS, podmieniając tylko aby odwoływał się do pozostałych divów - ale mam cały kod JS przepisać gdzie różnią się tylko dwie zmienne?
jak inaczej mogę to rozwiązac?

tak prezentuje się kod js:
[JAVASCRIPT] pobierz, plaintext
  1. $(function()
  2. {
  3. var btnUpload = $("#upload-photo_1");
  4. status = $("#status-upload_1");
  5.  
  6. new AjaxUpload(btnUpload,
  7. {
  8. // reszta kodu
  9. });
[JAVASCRIPT] pobierz, plaintext


chciałem to jakoś ująć w nowej funkcji typu;
[JAVASCRIPT] pobierz, plaintext
  1. function startupload(id)
  2. {
  3. // w/w kod
  4. }
[JAVASCRIPT] pobierz, plaintext


ale przez to, że cały obiekt jest w tym $(function() blokuje mi taką możliwość, pomysły?
kamil4u
Zrób coś na wzór:
[JAVASCRIPT] pobierz, plaintext
  1. function test( test1, test2){
  2. var btnUpload = $("#"+test1);
  3. var status = $("#"+test2);
  4.  
  5. new AjaxUpload(btnUpload,
  6. {
  7. // reszta kodu
  8. });
  9. }
  10. $(function(){
  11. test('test','test');
  12. });
[JAVASCRIPT] pobierz, plaintext


Ew. daj link do tego uploadera to zobaczymy co tam w środku siedzi.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.