Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS][CSS]Zmiana obrazka po zmianie w <select>
PaKoS
post
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 24.03.2006

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


Witam,
Czy macie jakieś propozycje co do zmiany obrazka o ID np. "obraz"
za każdem razem po wybraniu innego pola w <select..>?

Ja zrobiłem to tak:
<select...>
<option onClick="obraz.src='tu_src'" value="nazwa">nazwa2</option>
itd itd
ale to jeśli działa doskonale np. w Mozilli nie działa już pod IE a powinno mimo wszystko działać wszędzie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Propozycje? (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
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%)
-----


A po co do każdego optiona dawać zdarzenie ?
Nie lepiej tak: ?
Kod
function swap(sel) {
    document.getElementById("obrazek").src = sel.options[sel.selectedIndex].value;
}

  1. <select onchange="swap(this)"></select>
Go to the top of the page
+Quote Post
igors
post
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 6.02.2006

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


Cytat(revyag @ 22.09.2006, 08:45:22 ) *
A po co do każdego optiona dawać zdarzenie ?
Nie lepiej tak: ?
Kod
function swap(sel) {
    document.getElementById("obrazek").src = sel.options[sel.selectedIndex].value;
}

  1. <select onchange="swap(this)"></select>

Skrypt dobry, działa.

Pytanie można by zaliczyć właściwie do przedszkola, bo, jak zaraz będziecie mogli zobaczyć, takie ono jest:
w <option> mam value 1.jpg, 2.jpg, 3.jpg itd, ale chcę, żeby w obrazku "obrazek" rsc wyglądało tak: ../images/1.jpg itd. I mam problem z wpleceniem tego ../images/ w document.getElementById("obrazek").src = sel.options[sel.selectedIndex].value;. Próbowałem np. tak: document.getElementById("obrazek").src = '../images/'.sel.options[sel.selectedIndex].value;, ale nie dało rady. Próbowalem łączyć to spacją, przecinkiem i też nic. Gdy po "=" zostawię samo "../images/", wtedy zawartość obrazek.src zmienia się, ok, ale obrazek się nie pokazuje, bo nie może (../images/ nie jest obrazkiem, ale, jak ktoś już pewnie zauważył, folderem).

Tego problemu mogłoby nie być, gdybym do value dał od razu pełen adres obrazka, ale nie mogę. Cóż.

Z góry dziękuję i pozdrawiam.

//edit
revyag, dzięki. Ale ze mnie n00b. ;P

Ten post edytował igors 6.02.2007, 22:41:08
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 2.10.2025 - 18:54