Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> ładowanie obrazku po zmianie pola
setezer
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 5.10.2010

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


witam,

planuje w na swojej stronie z opisami gg zrobić jedną rzecz. Mianowicie chodzi mi o takie cos że przy zmianie pola wyboru pojawi się na dole obrazek, z tym że mam z tym problem bo nazy pola wyboru są zapisane w bazie danych i nie wiem jak je "sprzęgnąc" ze zmieniającym sie obrazkiem.

Jakby ktoś nie rozumiał to wyjaśnie bardziej obrazowo.
wchodzimy na poniższy adres http://www.statusiki.pl/opisy,add.html, chodzi mi o to żeby przy zmianie kategorii np. na Chuck Norris pojawiło sie jego zdjęcie pod napisem "dodaj", jak to wykonać ? Bardzo byłbym wdzięczny za pomoc
Powód edycji: [nospor]:
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
fander
post
Post #2





Grupa: Zarejestrowani
Postów: 231
Pomógł: 22
Dołączył: 6.10.2008

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


Musisz do bazy danych, w tabelce gdzie masz zapisane pola wyboru, dodać kolumnę obrazek typu VARCHAR(45). Następnie pola tej kolumny zapisujesz nazwami odpowiednich obrazków. Tworzysz na serwerze folder np ggstatimg, i tam umieszczasz graficzki.

Następnie w szablonie tworzysz kod z polami wyboru:

1. Pobierasz dane z tabelki z polami wyboru i zapisujesz wynik wzmiennej $ggstatus

  1. <select name="ggstatimg" id="ggstatimg" onchange="zmienobrazek()">
  2. <? foreatch($ggstatus as $key => $val){ ?>
  3. <option value="<?=$val['ggstatimg']?>"><?=$val['nazwa']?></value>
  4. <? } ?>
  5. </select>
  6. <div id="image"></div>


Następnie potrzebujesz stworzyć skrypt js (w sumie Ajax nie jest ci potrzebny bo nazwy obrazków mamy wpisane w value)

kod js
Kod
zmienobrazek(){
   ob = document.getElementByID("ggstatimg");
   img = ob.value;
  
   div = document.getElementByID("image");
   div.innerHtml('<img src="[sciezka do obrazkow na serwerze]'+img+'" alt="" />');

}


Oczywiście zamiast nazw obrazków jako wartości w value optionów możesz użyć id odpowiedniego rekordu z obrazkami. Ale wówczas będziesz musiał napisać osobny skrypt Ajaxa oraz php. Którego dzałanie byłoby następujące. Zapytanie Ajaxa wysyła id rekordu, skrypt php pobiera odpowiedni rekord i wysyła nazwę obrazka, następnie skrypt js dodaje element img o podanym parametrze src

Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 27.12.2025 - 21:08