Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] wpis chyba w złym miejscu
Forum PHP.pl > Forum > Przedszkole
shpaque
15.01.2014, 14:17:47
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
werdan
15.01.2014, 14:23:14
Skrypt działa, co jest nie tak?

http://jsbin.com/eSImIdi/1/edit
shpaque
15.01.2014, 14:26:23
no tak, jQuery smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.