Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Ukrywanie obiektów według ID
Forum PHP.pl > Forum > Przedszkole
PiratNowegoPokolenia
Witam

Przyznam się od razu że jestem zupełny amator w Java Script ale wyjątkowo mi to potrzebne.
Chciałem się dowiedzieć jak można ukryć wszystkie div'y których id zaczyna się od jakiegoś wyrażenia ...
Po tym ma występować ID cyfrowe ... właściwie to na pewno będą to kolejne liczby

Wie ktoś ja takie coś stworzyć ?
Cienki1980
Jeżeli masz kolejne ID to możesz wykorzystać for
  1. <script language="javascript">
  2. function ukryj()
  3. {
  4. for(i=0;i<3;i++)
  5. {
  6. document.getElementById('cos_'+i).style.display='none';
  7. }
  8. }
  9. .
  10. .
  11. <div id="cos_0" style="display:inline">div0</div>
  12. <div id="cos_1" style="display:inline">div1</div>
  13. <div id="cos_2" style="display:inline">div2</div>


Jak wywołasz funkcje ukryj divy staną się niewidoczne.
PiratNowegoPokolenia
hmmm ... no tak ... ale gdy nie znam ich ilości ... głównie o to się rozchodzi
siemakuba
Jeżeli nie znasz ilości, to jakoś tak:

Kod
var divs = document.getElementsByTagName('div');

for(var eDiv in divs)
{
    if(typeof eDiv.id != 'undefined' && eDiv.id.indexOf('idDiva_') == 0)
    {   eDiv.style.display = 'none';
    }
}


pozdr.
x3m
  1. var divy = document.getElementsByTagName("div");
  2.  
  3. for(var i = 0; i < divy.length; i++) {
  4.  
  5. id = divy[i].getAttribute("id");
  6.  
  7. var re = new RegExp("^poczatekNazwyDiva", "i");
  8. if(re.test(id)){
  9. document.getElementById(id).style.display='none';
  10. }
  11. }
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.