Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> przelacznik z dwoma przyciskami
wojtektorr
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 19.02.2011

Ostrzeżenie: (10%)
X----

Witam serdecznie, mam na stronie dwa divy i dwa przyciski, divy są ukryte. Klikając na button "in" pokazuje się div "wew" i akutomatycznie przycisk staj sie nieaktywny, w tym momencie mogę wybrać drógi przycisk "out" i po jego kliknięciu pokazuje sie div "zew" i z kolei ten przyciks staje sie nie aktywny a aktywnym staje się przycisk "in" i tak w kółko. Nie mogęzrobić tego przełączania miedzy nieaktywnymi przyciskami. Myślę z z kodu więcej zrozumiecie.
[HTML] pobierz, plaintext 
  1. <div id="change">
  2.     <table align="left">
  3.         <tr align="center">
  4.             <td><input type="button" class="in" value="Zgłoszenie wewnętrzne" onclick="java script:change(this);"/></td>
  5.             <td><input type="button" class="out" value="Zgłoszenie zewnętrzne" onclick="java script:change(this);"/></td>
  6.         </tr>
  7.     </table>
  8. </div>
  9.  
  10. <script type="text/javascript">
  11.  
  12. function change(item){
  13.     if(item.className == "in") {
  14.         item.disabled = "true";
  15.         document.getElementById("zew").style.display = "none";
  16.         document.getElementById("wew").style.display = "block";
  17.     }
  18.     else {
  19.         item.disabled = "true";
  20.         document.getElementById("zew").style.display = "block";
  21.         document.getElementById("wew").style.display = "none";
  22.  
  23.         document.getElementByClassName("in").setAttribute("disabled", "false");
  24.     }
  25. }
  26. </script>
[HTML] pobierz, plaintext


Ta ostatnia linia kodu (document.getElementByClassName("in").setAttribute("disabled", "false")wink.gif nie chce zadziałać, dlaczego?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
werdan
post
Post #2





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

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

Sprobuj:

document.getElementByClassName("in").removeAttribute("disabled");
Go to the top of the page
+Quote Post
Turson
post
Post #3





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

Cytat(wojtektorr @ 7.02.2014, 16:40:55 ) *
Ta ostatnia linia kodu (document.getElementByClassName("in").setAttribute("disabled", "false")wink.gif nie chce zadziałać, dlaczego?

Sprawdź czy to coś zmienia
[HTML] pobierz, plaintext 
  1. <input type="submit" disabled=true>
  2. <input type="submit" disabled=false>
[HTML] pobierz, plaintext

potem wyciągnij wniosek wink.gif
Go to the top of the page
+Quote Post
wojtektorr
post
Post #4





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 19.02.2011

Ostrzeżenie: (10%)
X----

Hmm efekt taki sam czy disabled=true czy disabled=false, ale jak usunac ten atrybut po uprzednim jego ustawieniu nadal nie wiem :/
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #5





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
O to Ci chodzi?
[JAVASCRIPT] pobierz, plaintext 
  1. function disable_enable(_this) {
  2.   if (_this == 'in') {
  3.     document.test.in.disabled=true;
  4.     document.test.out.disabled=false;
  5.   }	else	{
  6.     document.test.in.disabled=false;
  7.    document.test.out.disabled=true;
  8.   }
  9. }
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <form name="test" >
  2.   <input type="button" id="in" value="Zgłoszenie wewnętrzne" name="b1" onclick="disable_enable('in');" >
  3.   <input type="button" id="out" value="Zgłoszenie zewnętrzne" name="b2" onclick="disable_enable('out');">
  4. </form>
[HTML] pobierz, plaintext


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
wojtektorr
post
Post #6





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 19.02.2011

Ostrzeżenie: (10%)
X----

Dokładnie o to, dzięki! Jeszcze jedno, czy muszę te buttony umieszczać w jakimś formularzu mogę sie do nich w funkcji odwołać jakoś z pominięciem document....out.disabled=false;

Ten post edytował wojtektorr 8.02.2014, 10:24:25
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #7





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Bez FORM nie będzie chciało włączać DIV.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en">
  2. <html>
  3. <head>
  4. <title>Demo</title>
  5.  
  6. <meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
  7. <meta http-equiv="Content-Language" content="pl">
  8. <style type="text/css">
  9. #wew {
  10.   position: relative;
  11.   width: 500px;
  12.   height: 300px;
  13.   background-color: #f00;
  14.   margin: 0 auto;
  15.   display: none;
  16. }
  17. #zew {
  18.   position: relative;
  19.   width: 500px;
  20.   height: 300px;
  21.   background-color: #33f;
  22.   margin: 0 auto;
  23.   display: none;
  24. }
  25. input[disabled] {
  26.   color: red;
  27.   text-decoration: none;
  28. }
  29. </style>
  30.  
  31. <script language="JavaScript">
  32. function disable_enable(_this) {
  33.   if (_this == 'in') {
  34.     document.test.in.disabled=true;
  35.     document.test.out.disabled=false;
  36.     document.getElementById("zew").style.display = "none";
  37.     document.getElementById("wew").style.display = "block";
  38.   }  else  {
  39.     document.test.in.disabled=false;
  40.     document.test.out.disabled=true;
  41.     document.getElementById("zew").style.display = "block";
  42.     document.getElementById("wew").style.display = "none";
  43.   }
  44. }
  45. </script>
  46. </head>
  47. <body>
  48.  
  49. <div id="change">
  50.   <table align="left">
  51.     <tr align="center">
  52.       <form name="test" >
  53.         <td>
  54.           <input type="button" id="in" value="Zgłoszenie wewnętrzne" name="b1" onclick="disable_enable('in');" >
  55.         </td>
  56.         <td>
  57.           <input type="button" id="out" value="Zgłoszenie zewnętrzne" name="b2" onclick="disable_enable('out');">
  58.         </td>
  59.       </form>
  60.     </tr>
  61.   </table>
  62. </div><br /><br />
  63.  
  64. <div id="wew"></div>
  65. <div id="zew"></div>
  66.  
  67. </body>
  68. </html>
[HTML] pobierz, plaintext


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
wojtektorr
post
Post #8





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 19.02.2011

Ostrzeżenie: (10%)
X----

W IE 8 nie działa, za niedziałanie odpowiadają te linie: document.test.in.disabled=true;
document.test.out.disabled=false;
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #9





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Cytat(wojtektorr @ 10.02.2014, 10:22:59 ) *
W IE 8 nie działa

W IE mało co działa wink.gif


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
owca_82
post
Post #10





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 22.04.2012

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

Do "inputów" odwołuj się poprzez atrybut "name" a nie id
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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