Forum PHP.pl > [JavaScript]Prosta strona z użyciemJS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Prosta strona z użyciemJS

klapaucius

15.05.2011, 18:52:48

Witam. Mam na informatyke zrobić prostą stronę z użyciem java scriptu.
I moje pytanie brzmi jak zrobić coś takiego, abym miał formularz rozwijany i tam by było np. 5 rzeczy do wyboru. I po rozwinięciu tego formularzu i wybraniu jakiejś rzeczy to aby wyświetał/zmieniał się zboku od razu bespośrednio jakiś obrazek. Np. Jesli bym wybrał z formularza "kwiatek" to abyu wyswietlilo sie zdjecie kwiatka.. itp. To samo bym chciał zrobić też z tekstem: aby był napisany jakiś tekst i również z rozwijanego formularza aby można było wybrać kolor i bezpośrednio po jego wybraniu zmieniał się kolor napisu...
Mam nadzieję, że zrozumiecie o co mi chodzi.
Bardzo proszę o pomoc! Pozdrawiam!

lobopol

15.05.2011, 18:57:16

Najprościej użyj jquery slideUp/slideDown i zdarzenia onclick

mat-bi

15.05.2011, 19:09:54

RAczej onchange

jQuery jest do tego niezłe, naprawdę upraszcza składnię

lobopol

15.05.2011, 19:25:34

Szczerze to ja bym to raczej widział na onclicku, no chyba, że to ma być zmiana po naciśnięciu radiobuttona.

Ps. Choć właśnie do mnie dotarło, że menu ma być w selekcie, to jednak onchange

Ja to sobie wyobraziłem na zasadzie dynamicznego formularza w którym może być pole równocześnie z tym kwiatkiem itd.

klapaucius

15.05.2011, 19:36:54

więc tak:
Napisałem coś takiego za pomocą Onchange:

[JAVASCRIPT] pobierz, plaintext 
<html>
<script  language="JavaScript">
<!--
 
function obrazek(el) {
  /// jak zrobic aby wyswietlalo obrazek?
}
 
//-->
</script >
</head>
<body>
<p><font color="blue" size="5">Przykładowe użycie Java Script'u przy tworzeniu stron internetowych:</font></p>
<table border="1">
<tr><td colspan="2">Wybierz zwierzątko, które wyświetli się na obrazku:</td></tr>
<tr>
<td><select name="obrazek" onchange="obrazek(this.value);">
 
  <option value="1">Pies</option>
  <option value="2">Kot</option>
  <option value="3">Kangur</option>
  <option value="4">Żaba</option>
  <option value="5">Bocian</option>
  <option value="6">Lama</option>
 
</select></td>
<td>Tutaj niech wyswietla obrazek</td>
</tr>
</table>
</BODY>
</HTML>
[JAVASCRIPT] pobierz, plaintext

gorden

15.05.2011, 19:44:05

daj do td id, przykładowo "obrazek".

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('obrazek').innerHTML = '<img src="/obrazki/'+ el +'.jpg" />';
[JAVASCRIPT] pobierz, plaintext

jeżeli nazwy grafik to pies.jpg a nie 1.jpg, to użyj switch, lub zmień nazwy

mat-bi

15.05.2011, 19:44:25

Zmiana obrazka - getElementById, innerHTML.

klapaucius

15.05.2011, 20:11:11

Działa! Dziękuję bardzo za pomoc!!!! Pozdrawiam serdecznie!

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.