Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Zmiana div'ów lub podobne
Forum PHP.pl > Forum > Przedszkole
botnaizi
Wiitam, szukam sposobu jak dynamicznie zmienić klasę w CSS ? Chodzi mi o to jak było kiedy na demotywatorach. Że z boku było pływające okienko i tylko się klikało w ten obrazek http://demotywatory.pl/res/img/slider.png a on się wysuwał. Nie mam za nic pomysłu jak to zrobić. Poszperałem w google, ale znalazłem tylko wysuwanie w jedną stronę. Może ma ktoś gotowy taki skrypcik? Pływające okienko już udało mi się zrobić, ale właśnie z tym zasuwanym okienkiem mam problem.


Pozdrawiam winksmiley.jpg

Chodzi mi o coś takiego : http://tutorialzine.com/2010/05/bounce-in-box-plugin-jquery/

Tylko żeby wysuwało się z boku. Pobawiłbym się edycją tego ale niestety słabo znam JS jedyne co potrafie to "Hello world!" smile.gif

Pozdrawiam
misiek172
musisz ustawić w JS setInterval co ileś milisekund (zależy jak chcesz mieć płynne) i zmienaic pozycje style.left = -NowaPozycja;, wcześniej oczywiście musisz nadać style.position = 'relative'; lub absolute
botnaizi
Znalazłem coś takiego :
http://websta.pl/tutoriale/jquery-wysuwany-boczny-panel-menu

ale mam problem z osadzeniem kodu.
Dodałem do overall_header link do panel.css, w overall_footer dałem
Kod
    <div id="panel">
        
        <ul id="main_menu">
     <iframe src="http://www.facebook.com/plugins/likebox.php?id=xxx&amp;width=292&amp;connections=10&amp;stream=false&amp;header=true&amp;height=287" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:287px;" allowTransparency="true"></iframe>
    </ul>
        
        <a href="#" class="slide_button" >Menu</a>
        
    </div>

Ale wyświetla mi go całkiem na dole. Gdzie powinienem zamieścić kod ?
erix
Uhm, dlaczego używasz tu listy wyliczeniowej...?
botnaizi
Usunąłem normalnie działa ale po dodaniu do overall_footer jednak nie działa tylko przedłuża stronę. Znalazłem mbExtruder, dodany na forum.rocknijsie.pl. Z nim kombinowałem ok 5 godzin ale nic nie wskórałem.
krzysztof_kf
Pokaż url bo wiesz nikt nie wie zna gdzie to wkleja biggrin.gif

Strzelam wklej to na samym początku zaraz po znacznikach </head><body>
botnaizi
link do panel.css wklejam przed </head> a
Kod
<div id="panel">
        
        
     <iframe src="http://www.facebook.com/plugins/likebox.php?id=xxx&amp;width=292&amp;connections=10&amp;stream=false&amp;header=true&amp;height=287" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:287px;" allowTransparency="true"></iframe>
    
        
        <a href="#" class="slide_button" >Menu</a>
        
    </div>

daję to przed zakończeniem body </body>
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.