Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] ukrycie / pokazanie wiersza tabeli
Forum PHP.pl > Forum > Przedszkole
kusiu
Witam mam taki mały problemik,
Otóż chcę po wybraniu pewnej opcji w formularzu z <selecta> aby pojawił mi sie wiersz z tabeli.
Napisałem taki skrypcik:

  1. function ShowStates(id, select)
  2. {
  3. var states=document.getElementById(id);
  4. var select=document.getElementById(select);
  5. if(select.value=='226')
  6. {
  7. states.style.display='block';
  8. }
  9. else
  10. {
  11. states.style.display='none';
  12. }
  13. }

Działa wporzadku ale tylko na .. EI exclamation.gif pod FF sie rozwala- robi niejako blok tego wiersza w pierwszej kolumnie formularza.
Gdy zmienie np w tej funkcji states.style.display='table-row'; to pod FF fajnie smiga natomiast IE nic...
Dodam ze chce koniecznie miec to na tabelce, divy odpadaja - za duzo zmian :/ Oraz "visibility.hidden" rowniez odpada.

Jeszcze podam część html'a:

  1. <tr>
  2. <td style='text-align: right; vertical-align: top; padding-top: 4px;'>*Country</td><td><select name="panstwo" id="panstwo" class="panstwa validate-selection" onchange="ShowStates('states', 'panstwo')"><option value="0">choose your country</option><?=$option?></select></td>
  3. </tr>
  4. <tr id="states" style="display: none;">
  5. <td style="text-align: right; vertical-align: top; padding-top: 4px;">*State</td><td><select name="stan" class="panstwa validate-selection"><option value="0">nie dotyczy</option><?=$option2?></select></td>
  6. </tr>


Ma ktos jakis pomysl?
lord_t
Zrób wstawienie odpowiedniego stylu względem przeglądarki:) Jak IE to tak1, a jak FF to tak2 smile.gif

Tu masz podane jak rozpoznać, czy jest IE czy coś innego:) :
http://forum.php.pl/index.php.....
kusiu
Ehh wlasnie nie chcialem tego robic :/
Nie da sie inaczej? smile.gif)
lord_t
A zamiast 'block', próbowałeś 'inline'?
kusiu
Cytat(lord_t @ 20.03.2008, 01:12:25 ) *
A zamiast 'block', próbowałeś 'inline'?


tak oraz wiele innych wlasciwosci "display", ale jednak rozwiazalem to tak:

  1. function ShowStates(id, select)
  2. {
  3. var states=document.getElementById(id);
  4. var select=document.getElementById(select);
  5. if(select.value=='226')
  6. {
  7. if (navigator.appName=="Microsoft Internet Explorer")
  8. {
  9. states.style.display='block';
  10. }
  11. else
  12. {
  13. states.style.display='table-row';
  14. }
  15. }
  16. else
  17. {
  18. states.style.display='none';
  19. }
  20. }
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.