Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wyświetlanie Div po zaznaczeniu checkbox
Forum PHP.pl > Forum > Po stronie przeglądarki
lefi
Witam, zrobiłem jak poniżej i jest tak że automatycznie wyświetlają mi się div-y, ktore powinny być ukryte do momentu zaznaczenia checkbox-a. Dodam ze jak zaznaczę i odznaczę to znikają i się pojawiają.

  1. </script>
  2.  
  3. <input id="Checkbox1" type="checkbox" onclick="showHide();" />
  4. <label for="Checkbox1">Faktura VAT</label><br /><br />
  5.  
  6. <div id="vat">
  7.  
  8. <?php $_taxvat = $this->getLayout()->createBlock('customer/widget_taxvat') ?>
  9. <?php if ($_taxvat->isEnabled()): ?>
  10. <li>
  11. <div class="input-box">
  12. <label for="billing:company"><?php echo $this->__('Company') ?></label><br />
  13. <input type="text" id="billing:company" name="billing[company]" value="<?php echo $this->htmlEscape($this->getAddress()->getCompany()) ?>" title="<?php echo $this->__('Company') ?>" class="input-text" /></div>
  14.  
  15. <?php echo $_taxvat->setTaxvat($this->getQuote()->getCustomerTaxvat())
  16. ->setFieldIdFormat('billing:%s')->setFieldNameFormat('billing[%s]')->toHtml() ?>
  17. </li>
  18. <?php endif ?>
  19. </div>
nospor
Kod
<div class="input-box" style="display:none;">

O to ci chodzi?
lefi
to ukrywa na stałe i zaznaczenie checkbox-a nic nie daje
nospor
no dobra... to pokaz w jaki sposob ty to chowasz/pokazujesz. Pewnie robisz to przez visibility wiec nic dziwnego ze tak dziala.
lefi
  1. <script type="text/javascript">
  2. function showHide()
  3. {
  4. if(document.getElementById('Checkbox1').checked)
  5.  
  6. {
  7. document.getElementById('vat').style.visibility = 'visible';
  8. }
  9. else
  10. {
  11. document.getElementById('vat').style.visibility = 'hidden';
  12. }
  13. }
  14. </script>
nospor
No robisz dokladnie jak mowilem. To albo chowaj przez display:
style.display="none" //chowasz
style.display="" //pokazujesz

lub zamiast:
<div class="input-box" style="display:none;">
daj:
<div class="input-box" style="visibility:hidden;">
lefi
Działa - dziękuję bardzo za pomoc.
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.