Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript] Pokaż DIV jeśli checkbox jest zaznaczony + sesja
ixtab
post
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 25.09.2010

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


Witam. Mam problem ze skryptem pokazującym DIV po zaznaczeniu checkbox'a.
  1. function showMe(id) { // pokazuje i ukrywa input e-mail po kliknięciu na checkbox
  2. var obj = document.getElementById(id);
  3. if (obj.style.display=="none") {
  4. obj.style.display = "block";
  5. } else {
  6. obj.style.display = "none";
  7. }
  8. }

Wszystko jest ok. DIV pokazuje się po zaznaczeniu checkbox'a i znika po odznaczeniu. Działa to natomiast tylko do czasu kiedy w grę nie wchodzi walidacja formularza... Po wykonaniu walidacji i wyrzuceniu jakiegokolwiek błędu, sesja wczytuje dane do formularza (również status checkbox'ów). No i w ten oto sposób checbox'y są zaznaczone, a DIV'y... schowane. Dopiero po odznaczeniu checkbox'a pojawia się DIV zgodnie z akcją onclick (IMG:style_emoticons/default/dry.gif)
Nie chciałbym rezygnować ani z chowania DIV'ów, ani z wczytywania statusu checkbox'ów, bo formularz jest dość obszerny i zachowanie porządku jest w tej sytuacji jest dla mnie bardzo ważne.
Jakieś pomysły na rozwiniętego DIV'a po nieprawidłowym przejściu przez walidację?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
ixtab
post
Post #2





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 25.09.2010

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


Jestem zbyt zmęczony i czegoś nie widzę, albo to nie działa... Mógłbyś sprawdzić kod?
  1. function showDiv(mails,id) { // pokazuje i ukrywa input e-mail po kliknięciu na checkbox
  2. var obj = document.getElementById(id);
  3. if (mails.checked==true){
  4. obj.style.display = "block";
  5. } else {
  6. obj.style.display = "none";
  7. }
  8. }
HTML:
  1. <input name="mails" id="mails" class="checkbox" value="TAK" <?= $_SESSION['myForm']['mails'] == TAK ? 'checked' : '' ?> tabindex="6" type="checkbox" onclick="showDiv(this,choosemail)" /> bla bla bla</p>
  2. <div id="choosemail" style="margin-left:50px; display:none;">...
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 14.10.2025 - 03:46