Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] wpis chyba w złym miejscu
shpaque
post 15.01.2014, 14:17:47
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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

Witam ponownie, mam przy checkboxie wpis: 
[XML] pobierz, plaintext 
  1. <input type="checkbox" id="f-check" name="f-check" value="dane do faktury z pieczątki"/><script>
  2. $('#f-check').click(function()
  3. {
  4. if ($('#f-check').prop('checked'))
  5.    {
  6.    $('#f-firma').css('background-color', '#CCCCCC');
  7.    $('#k-email').css('background-color', '#CCCCCC');
  8.    }
  9. else
  10.    {
  11.    $('#f-firma').css('background-color', '#FFFFFF');
  12.    }
  13. });
  14. </script>
[XML] pobierz, plaintext


dla przykładu element o id "f-firma" jest po tym kodzie, ale się nie wykonuje. całość wygląda tak:

[HTML] pobierz, plaintext 
  1. ...
  2. #f-imie
  3. {
  4.    position: absolute;
  5.    left: 240px;
  6.    top: 90px;
  7.    width: 198px;
  8.    height: 19px;
  9.    line-height: 19px;
  10.    z-index: 8;
  11. }
  12. #f-check
  13. {
  14.    position: absolute;
  15.    left: 240px;
  16.    top: 33px;
  17.    z-index: 5;
  18. }
  19. #uwagi
  20. {
  21.    position: absolute;
  22.    left: 685px;
  23.    top: 35px;
  24.    width: 223px;
  25.    height: 163px;
  26.    z-index: 21;
  27. }
  28. #wys-miasto
  29. {
  30.    position: absolute;
  31.    left: 535px;
  32.    top: 120px;
  33.    width: 123px;
  34.    height: 19px;
  35.    line-height: 19px;
  36.    z-index: 19;
  37. }
  38. #f-miasto
  39. {
  40.    position: absolute;
  41.    left: 315px;
  42.    top: 150px;
  43.    width: 123px;
  44.    height: 19px;
  45.    line-height: 19px;
  46.    z-index: 11;
  47. }
  48. #f-adres
  49. {
  50.    position: absolute;
  51.    left: 240px;
  52.    top: 120px;
  53.    width: 198px;
  54.    height: 19px;
  55.    line-height: 19px;
  56.    z-index: 9;
  57. }
  58. #k-tel
  59. {
  60.    position: absolute;
  61.    left: 20px;
  62.    top: 65px;
  63.    width: 198px;
  64.    height: 19px;
  65.    line-height: 19px;
  66.    z-index: 2;
  67. }
  68. #wb_t1
  69. {
  70.    position: absolute;
  71.    left: 20px;
  72.    top: 10px;
  73.    width: 250px;
  74.    height: 19px;
  75.    z-index: 0;
  76.    text-align: left;
  77. }
  78. #wb_t2
  79. {
  80.    position: absolute;
  81.    left: 240px;
  82.    top: 10px;
  83.    width: 207px;
  84.    height: 19px;
  85.    z-index: 4;
  86.    text-align: left;
  87. }
  88. #wb_uid0
  89. {
  90.    color: #000000;
  91.    font-family: Arial;
  92.    font-size: 16px;
  93. }
  94. </style>
  95. </head>
  96. <body>
  97.    <div id="space"><br></div>
  98.    <div id="container">
  99.       <div id="wb_t1">
  100.          <span id="wb_uid0"><strong>DANE KONTAKTOWE</strong></span>
  101.       </div>
  102.       <input type="text" id="k-imie" name="k-imie" value="" autocomplete="off" placeholder="Imię i nazwisko">
  103.       <input type="text" id="k-tel" name="k-tel" value="" autocomplete="off" placeholder="Telefon kontaktowy">
  104.       <input type="email" id="k-email" name="k-email" value="" autocomplete="off" placeholder="E-mail">
  105.       <div id="wb_t2">
  106.          <span id="wb_uid1"><strong>DANE DO FAKTURY VAT</strong></span>
  107.       </div>
  108.       <input type="checkbox" id="f-check" name="f-check" value="dane do faktury z pieczątki"><script>
  109. $('#f-check').click(function()
  110. {
  111. if ($('#f-check').prop('checked'))
  112.    {
  113.    $('#f-firma').css('background-color', '#CCCCCC');
  114.    $('#k-email').css('background-color', '#CCCCCC');
  115.    }
  116. else
  117.    {
  118.    $('#f-firma').css('background-color', '#FFFFFF');
  119.    }
  120. });
  121. </script>
  122.       <input type="text" id="f-firma" name="f-firma" value="" autocomplete="off" placeholder="Nazwa firmy">
  123.       <div id="wb_t3">
  124.          <span id="wb_uid2"><strong>TAKIE SAME JAK NA PIECZĄTCE</strong></span>
  125.       </div>
  126.       <input type="text" id="f-imie" name="f-imie" value="" autocomplete="off" placeholder="Imię i nazwisko / ciąg dalszy nazwy firmy">
  127.       <input type="text" id="f-adres" name="f-adres" value="" autocomplete="off" placeholder="Adres (ulica, numer)">
  128.       <input type="text" id="f-kod" name="f-kod" value="" autocomplete="off" placeholder="Kod pocztowy">
  129.       <input type="text" id="f-miasto" name="f-miasto" value="" autocomplete="off" placeholder="Miejscowość">
  130.       <input type="text" id="f-nip" name="f-nip" value="" autocomplete="off" placeholder="NIP">
  131.       <div id="wb_t4">
  132.          <span id="wb_uid3"><strong>INFORMACJE DODATKOWE</strong></span>
  133.       </div>
  134.       <div id="wb_t5">
  135.          <span id="wb_uid4"><strong>DANE DO WYSYŁKI</strong></span>
  136.       </div>
  137.       <input type="checkbox" id="wys-check" name="wys-check" value="dane do wysyłki z pieczątki">
  138.       <input type="text" id="wys-imie" name="wys-imie" value="" autocomplete="off" placeholder="Imię i nazwisko / Nazwa firmy">
  139.       <input type="text" id="wys-adres" name="wys-adres" value="" autocomplete="off" placeholder="Adres (ulica, numer)">
  140.       <input type="text" id="wys-kod" name="wys-kod" value="" autocomplete="off" placeholder="Kod pocztowy">
  141.       <input type="text" id="wys-miasto" name="wys-miasto" value="" autocomplete="off" placeholder="Miejscowość">
  142.       <div id="wb_t6">
  143.          <span id="wb_uid5"><strong>TAKIE SAME JAK NA PIECZĄTCE</strong></span>
  144.       </div>
  145.       <textarea name="uwagi" id="uwagi" rows="9" cols="31"></textarea>
  146.    </div>
  147. </body>
  148. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
werdan
post 15.01.2014, 14:23:14
Post #2





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

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

Skrypt działa, co jest nie tak?

http://jsbin.com/eSImIdi/1/edit
Go to the top of the page
+Quote Post
shpaque
post 15.01.2014, 14:26:23
Post #3





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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

no tak, jQuery smile.gif

Ten post edytował shpaque 15.01.2014, 14:41:46
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 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 Wersja Lo-Fi Aktualny czas: 16.04.2024 - 12:59
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn