Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Lista rozwijana - formularze
Forum PHP.pl > Forum > Przedszkole
KameleonW
Witam.

Chciałbym aby na mojej stronie po wyborze jakiegoś elementu z listy pojawiał się obrazek obok automatycznie w ciągu 1sec.
np. mam liste a,b,c,d oraz obrazki 1,2,3,4... po wyborze "a" pojawia się obrazek nr 1 itd.

Wiem jak to zrobić poprzez przesłanie formularza ale nie mam pojęcia jak to zrobić aby automatycznie się zmieniało podczas wyboru bez przechodzenia do następnej strony...
wolguy
https://api.jquery.com/change/
KameleonW
O JavaScript nie wiem nic a tym bardziej JQuery. Swoją stronkę chciałem oprzeć na html,css,php - bo nie będzie zbyt skomplikowana - tak myślę smile.gif ...
Powyższy kod fajnie działa ale nie wiem jak go zmienić aby wyświetlał odpowiednie obrazki - 5 do wyboru :/
strife
Najprosciej, dodac event onclick na kazdy linku z tej listy, nastepnie napisz funkcje w javascript ktora bedzie wyswietlala ten obrazek, przykladowo.

  1. <a href="java script:void(0)" onclick="zmienObrazek('test1.jpg')">zmien na a</a>
  2. <a href="java script:void(0)" onclick="zmienObrazek('test2.jpg')">zmien na b</a>
  3. <a href="java script:void(0)" onclick="zmienObrazek('test3.jpg')">zmien na c</a>
  4. <a href="java script:void(0)" onclick="zmienObrazek('test4.jpg')">zmien na d</a>
  5.  
  6. <img id="obrazek" />
  7.  
  8. function zmienObrazek(path) {
  9. document.getElementById('obrazek').src(path);
  10. }



Nie wiem czy bedzie dzialac pisalem z palca, ale generalnie masz idee jak to napisac.

Pzdr,
M

PS. jQuery to framework do js duzo pomaga, ale bez podstaw zapomnij o uzywaniu.
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.