Wysokosc dynamicznych podstron

[Nast]

Labsta.com- o to wlasnie chodzi..
rodi- piszesz tak jak bys był swiadomy tego jak to zrobic, wiec słuchamy cie razem z Labsta.com
pzdr

[Labsta.com]

http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/

Nie jestem pewien czy to samo zrobi z divami zamiast listy. Nie wiem też co się stanie jak odłączysz slideshow, ale nie mam w tej chwili czasu się tym bawić. Jak dasz radę to się podziel

[Nast]

hm jest to samo... wysokość dla wszystkich "podstron" jest taka sama..
a chce by była unikalna dla każdej.. :/

[Labsta.com]

No to źle Cię zrozumiałem.
Mam coś takiego (wklejam kod jak leci):

Kod:

<div id="wazne" class="p300">
                    
                    
                    <ul id="waznemenu">
                        <li><a href="#wazne1">Dziś</a></li>
                        <li><a href="#wazne2">Wczoraj</a></li>
                        <li><a href="#wazne3">Przedwczoraj</a></li>
                    </ul>
                    
                    
                    <div id="waznacont">
                        
                        <ul class="wazneslide boxul" id="wazne1">
                            <li><a href="#">DZIŚ At vero eos et accusamus et iusto odio dignissimos.</a></li>
                            <li><a href="#">Et harum quidem rerum facilis est et expedita distinctio.</a></li>
                            <li><a href="#">Itaque earum rerum hic tenetur taque earum rerum hic tenetur taque earum rerum hic tenetur.</a></li>
                            <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.</a></li>
                        </ul>
                        
                        <ul class="wazneslide boxul" id="wazne2">
                            <li><a href="#">WCZORAJ At vero eos et accusamus et iusto odio dignissimos.</a></li>
                            <li><a href="#">Et harum quidem rerum facilis est et expedita distinctio.</a></li>
                            <li><a href="#">Itaque earum rerum hic tenetur.</a></li>
                            <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.</a></li>
                        </ul>
                        
                        <ul class="wazneslide boxul" id="wazne3">
                            <li><a href="#">PRZEDWCZORAJ At vero eos et accusamus et iusto odio dignissimos.</a></li>
                            <li><a href="#">Etum facilis est et expedita distinctio.</a></li>
                            <li><a href="#">Itaque earum rerum rerum hic tenetur.</a></li>
                            <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.</a></li>
                        </ul>                        
                        
                    </div><!-- koniec waznacont -->
                    
                    
                </div><!-- koniec wazne -->

a w js (jQuery)

Kod:

    // funkcja tabów dziś wczoraj przedwczoraj
    $(function() {
        
        $("ul.wazneslide").css("float", "left");
        
        $("#waznemenu a[href='#wazne1']").addClass("active");
        
        
        
        $("#waznemenu a").click(function () {  
            
            $(".active").removeClass("active");
            $(this).addClass("active");
            
            //this.hash czyli to co znajduje się po # w linku
            $(".wazneslide").animate({opacity: 'hide'}, "fast").filter(this.hash).animate({opacity: 'show'}, "slow");
            
            return false;
            
        });
        
        
    });

---

Działanie js polaga na:
-dodanie floatów (żeby tacy co nie mają js też widzieli, ale jeden pod drugim)
-zaznaczenia pierwszego przycisku menu klasą active
-po kliknięciu na menu:
--usuwam klasę active
--dodaję klasę active dla klikniętego elementu menu
--chowam wszystkie elementy, odfiltrowując ten który ma w id nazwę zgodną z klikniętym linkiem z menu i ten element ma opacity: 'show'
--na koniec blokuje przejście do klikniętego linku (return false)
Wiem, że sposób nie jest elegancki ale działa.

[Nast]

Blizej, lecz zalerzy mi na efekcie "wlatywania" zawartości z boku

[Labsta.com]

No to może w ten sposób
http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

[Nast]

To mi sie podoba bd sie dobrze komponowało. Dzieki za pomoc