Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> manipulacja zakładkami następny/poprzedni div
marcinst
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 8.12.2009

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


chcę zrobić nawigację na zakładkach w oparciu o linki "poprzedni" "następny", ale nie za bardzo wychodzi:
Kod
function links() {
                var links = document.getElementsByTagName('a');
                for(var i=0; i<links.length; i++) {
                    if(links[i].innerHTML == 'next' || links[i].innerHTML == 'previous') {
                        links[i].addEventListener('click', showPage, false);
                    }
                }
            }
            function showPage() {
                var pages = document.getElementsByTagName('div');
                for(var i=0; i<pages.length; i++) {
                    if(pages[i].className == 'page') {
                        if(this.innerHTML == 'next') {
                            if(pages[i].style.display == 'block') {
                                pages[i].style.dislay = 'none';
                                pages[i+1].style.display = 'block';
                                break;
                            }
                        }
                        else if(this.innerHTML == 'previous') {
                            if(pages[i].style.display == 'block') {
                                pages[i].style.dislay = 'none';
                                pages[i-1].style.display = 'block';
                                break;
                            }
                        }
                    }
                }
            }

każdy DIV ma swoje id i klasę "page".
CSS: #_01 {display:block;} #_02 {display:none;} #_03 {display:none;}
onload=links();

niestety działać poprawnie nie chce!

już sobie poradziłem:
problem był w warunku if(pages[i].style.display == 'block'), który nie odczytuje CSS display:block. Dołożyłem if(pages[i].style.display == '') i działa. A swoją drogą to nie wiem dlaczego akurat warunek JS display "pusty" czyta CSSa display:block;
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




gdyż .style nie odczytuje wartosci css tylko wartosci przypisane w style (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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: 23.08.2025 - 20:11