Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][PHP]Lista rozwijana - formularze, html, php
KameleonW
post 24.03.2017, 11:40:34
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 29.12.2014

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


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...
Go to the top of the page
+Quote Post
wolguy
post 24.03.2017, 15:18:22
Post #2





Grupa: Zarejestrowani
Postów: 219
Pomógł: 10
Dołączył: 9.01.2005

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


https://api.jquery.com/change/
Go to the top of the page
+Quote Post
KameleonW
post 24.03.2017, 23:09:27
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 29.12.2014

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


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 :/
Go to the top of the page
+Quote Post
strife
post 25.03.2017, 00:38:45
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 605
Pomógł: 96
Dołączył: 22.10.2004
Skąd: UK

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


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.


--------------------
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 12.07.2025 - 19:07