Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][PHP]Lista rozwijana - formularze, html, php
KameleonW
post
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
 
Start new topic
Odpowiedzi
strife
post
Post #2





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

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: 14.10.2025 - 15:26