Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wybór tła - bez przeładowania strony
Forum PHP.pl > Forum > Po stronie przeglądarki
szakal21
Witam

Potrzebuje rady jak zrobić pewną rzecz na stronie www. Otóż mam formularz w którym potrzebuje uzyskać adres do obrazka z tłem. Chciałbym aby wybór odbywał się w osobnym oknie a adres obrazka lub jego id zostało wpisane w poniższy formularz jednocześnie chciałbym aby w tym formularzu ukazała się również miniaturka tego obrazka.

Wiem iż trzeba wykorzystać tu JS i tu moje pytanie

W jaki sposób wysłać wyniki z tego okienka do formularz aby ten odebrał id obrazka i bez przeładowania strony wpisał je w formularz i pokazał jego miniaturę

Jeśli macie jakieś pytania proszę je zadawać bo może trochę nie jasno napisałem

Pozdrawiam
markonix
A ten obrazek tła to ma zostać wgrany czy wybrany (url do niego) w tym drugim formularzu?
szakal21
Ma zostać wybrany w drugim formularzu

Niekoniecznie jego url a raczej samo id (określone dla każdego będzie podane inne)
markonix
ID czyli masz w katalogu u siebie już wgrane te grafiki np.
images/tlo1.jpg
images/tlo2.jpg
itd?
szakal21
Mam wgrane grafiki na serwer

W formularzy przy grafikach pojawia się przycisk radiowy do wybrania odpowiedniej, jako nazwę pola radiowego mam id

Jednocześnie id jest nazwą danego obrazka bez rozszerzenia

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

Teraz chcę aby id zostało podane do formularza i tam została wyświetlona miniaturka tej grafiki
Czyli jak wysłać i odebrać ten numerek a następnie go wyświetlić
markonix
Za pomocą jQuery.

Rozumiem, że masz coś w stylu.
[ ] podgląd
[ ] podgląd
[ ] podgląd

Każdy unikalny id więc sprawa tym prostsza.

Potrzebujesz zdarzenia change (dla tych checkboxów).
Potem za pomocą $(this).attr('id') przypiszesz do zmiennej id_grafiki (nazwę grafiki).
Gdy masz już id za pomocą value dodasz tę nazwę do wybranego inputu.
Miniaturka to już chyba żaden problem gdy masz id.
Tworzysz div, a w niego za pomocą html wstawiasz obrazek np.
  1. rozszerzenie = 'jpg';
  2. preview = '<img style="width: 100px; height: 100px" src="http://twoja_strona.pl/images/' + id_grafiki + rozszerzenie + '">';
  3. $('#jakis_div).html(preview);


Przyjmując że rozszerzenie jest ciągle takie same.
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.