Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML] Zmiana div'ów lub podobne
botnaizi
post
Post #1





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

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


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
Go to the top of the page
+Quote Post
misiek172
post
Post #2





Grupa: Zarejestrowani
Postów: 656
Pomógł: 3
Dołączył: 26.10.2005
Skąd: Częstochowa

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


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


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
botnaizi
post
Post #3





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

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


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 ?
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Uhm, dlaczego używasz tu listy wyliczeniowej...?


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
botnaizi
post
Post #5





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

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


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.
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #6





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


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>


Ten post edytował krzysztof_kf 5.06.2010, 14:22:27
Go to the top of the page
+Quote Post
botnaizi
post
Post #7





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

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


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>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 16:27