Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [javascript] formularze
Mayger
post
Post #1





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.01.2006

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

Mam takie pytanie. Jak zrobić w javie że np. mam <select.. i jeżeli jest value = 1 to wyświetlają się inne inputy a jak value = 2 to inne. Chce żeby do się robiło dynamicznie tylko nie wiem dokładnie jak to w javie zrobić. Jak ktoś by mógł pomóc to prosze jeszcze o jakiś przykładzik (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Ten post edytował Mayger 16.12.2006, 16:09:24
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
JaRoPHP
post
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

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

Cytat
Chce żeby do się robiło dynamicznie tylko nie wiem dokładnie jak to w javie zrobić
JAVA to nie jest JavaScript!.

Aby to zrobić, w polu typu select wywołujesz zdarzenie onchange="fun()", i definiujesz funkcję języka JavaScript. Coś w tym stylu (wyświetlają się różne elementy <div />):
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">	
  4.    div { width: 100px; height: 100px; margin: 0 0 2em 0; }
  5.    #k1 {border: 1px solid #000; display: block; background: #000; color: #FFF;}
  6.    #k2 {border: 1px solid #000; display: none; background: #FFF; color: #000;}
  7. </style>
  8. <script type="text/javascript">
  9. function wybierz() {
  10.    oSelect = document.getElementById("wybor");
  11.    if(oSelect.value == "pole1") {
  12.       document.getElementById("k1").style.display = "block";
  13.       document.getElementById("k2").style.display = "none";
  14.    } else {
  15.       document.getElementById("k1").style.display = "none";
  16.       document.getElementById("k2").style.display = "block";
  17.    }
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <div id="k1">RAZ</div>
  23. <div id="k2">DWA</div>
  24. <select id="wybor" onchange="wybierz()">
  25. <option value="pole1">Pole 1</option>
  26. <option value="pole2">Pole 2</option>
  27. </select>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext


EDIT:
Poprzednio była zdefiniowana funkcja JS o nazwie doIt(), natomiast zdarzenie onchange odwoływało sie do funkcji wybierz() - co powodowało, że przykład nie działał.

Ten post edytował JaRoPHP 20.12.2006, 15:59:35
Go to the top of the page
+Quote Post
Mayger
post
Post #3





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.01.2006

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

Cytat(JaRoPHP @ 16.12.2006, 23:17:10 ) *
[HTML] pobierz, plaintext 
  1. function doIt() {
  2.    oSelect = document.getElementById("wybor");
  3.    if(oSelect.value == "pole1") {
  4.       document.getElementById("k1").style.display = "block";
  5.       document.getElementById("k2").style.display = "none";
  6.    } else {
  7.       document.getElementById("k1").style.display = "none";
  8.       document.getElementById("k2").style.display = "block";
  9.    }
  10. }
[HTML] pobierz, plaintext

A nie można po prostu w miejsce tego: 
[HTML] pobierz, plaintext 
  1. document.getElementById("k1").style.display = "block";
  2.       document.getElementById("k2").style.display = "none";
[HTML] pobierz, plaintext

Wstawić tej treści i wywołać jakoś tą funkcje, bez bawienia się w divy?
Go to the top of the page
+Quote Post

Posty w temacie
- Mayger   [javascript] formularze   16.12.2006, 15:36:34
- - JaRoPHP   CytatChce żeby do się robiło dynamicznie tylko nie...   16.12.2006, 23:17:10
|- - Mayger   Cytat(JaRoPHP @ 16.12.2006, 23:17:10 ...   17.12.2006, 15:40:56
- - JaRoPHP   Cytat(Mayger @ 17.12.2006, 15:40:56 )...   17.12.2006, 23:44:49
- - Mayger   ten twój sposób nie za bardzo działa :] http:...   20.12.2006, 15:34:50
- - JaRoPHP   Sposób działa, ale wkradł sie mały błąd (już jest ...   20.12.2006, 15:56:28
- - Mayger   No już działa, zastanawialo mnie co ma znaczysz to...   20.12.2006, 16:01:40
- - JaRoPHP   Cytat... w javacripcie to w ogóle nie działa ... a...   21.12.2006, 18:56:31
- - Mayger   widocznie to twoje rozwiązanie z javascriptem nie ...   21.12.2006, 19:18:43
- - JaRoPHP   Rozwiązanie jakie przedstawiłem jest poprawne... A...   21.12.2006, 22:48:56

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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