Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Prosta strona z użyciemJS
klapaucius
post
Post #1





Grupa: Zarejestrowani
Postów: 223
Pomógł: 3
Dołączył: 4.07.2009
Skąd: Kraków

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

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!
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

Najprościej użyj jquery slideUp/slideDown i zdarzenia onclick
Go to the top of the page
+Quote Post
mat-bi
post
Post #3





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

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

RAczej onchange (IMG:style_emoticons/default/wink.gif)

jQuery jest do tego niezłe, naprawdę upraszcza składnię (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

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 (IMG:style_emoticons/default/smile.gif) Ja to sobie wyobraziłem na zasadzie dynamicznego formularza w którym może być pole równocześnie z tym kwiatkiem itd.
Go to the top of the page
+Quote Post
klapaucius
post
Post #5





Grupa: Zarejestrowani
Postów: 223
Pomógł: 3
Dołączył: 4.07.2009
Skąd: Kraków

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

więc tak:
Napisałem coś takiego za pomocą Onchange:
[JAVASCRIPT] pobierz, plaintext 
  1. <html>
  2. <script  language="JavaScript">
  3. <!--
  4.  
  5. function obrazek(el) {
  6.   /// jak zrobic aby wyswietlalo obrazek?
  7. }
  8.  
  9. //-->
  10. </script >
  11. </head>
  12. <body>
  13. <p><font color="blue" size="5">Przykładowe użycie Java Script'u przy tworzeniu stron internetowych:</font></p>
  14. <table border="1">
  15. <tr><td colspan="2">Wybierz zwierzątko, które wyświetli się na obrazku:</td></tr>
  16. <tr>
  17. <td><select name="obrazek" onchange="obrazek(this.value);">
  18.  
  19.   <option value="1">Pies</option>
  20.   <option value="2">Kot</option>
  21.   <option value="3">Kangur</option>
  22.   <option value="4">Żaba</option>
  23.   <option value="5">Bocian</option>
  24.   <option value="6">Lama</option>
  25.  
  26. </select></td>
  27. <td>Tutaj niech wyswietla obrazek</td>
  28. </tr>
  29. </table>
  30. </BODY>
  31. </HTML>
[JAVASCRIPT] pobierz, plaintext


Ten post edytował klapaucius 15.05.2011, 19:38:37
Go to the top of the page
+Quote Post
gorden
post
Post #6





Grupa: Zarejestrowani
Postów: 486
Pomógł: 101
Dołączył: 27.06.2010

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

daj do td id, przykładowo "obrazek".
[JAVASCRIPT] pobierz, plaintext 
  1. 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

Ten post edytował gorden 15.05.2011, 19:45:34
Go to the top of the page
+Quote Post
mat-bi
post
Post #7





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

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

Zmiana obrazka - getElementById, innerHTML.
Go to the top of the page
+Quote Post
klapaucius
post
Post #8





Grupa: Zarejestrowani
Postów: 223
Pomógł: 3
Dołączył: 4.07.2009
Skąd: Kraków

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

Działa! Dziękuję bardzo za pomoc!!!! Pozdrawiam serdecznie!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.12.2025 - 10:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn