Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Jquery show/hide
kielich
post
Post #1





Grupa: Zarejestrowani
Postów: 442
Pomógł: 4
Dołączył: 28.12.2008
Skąd: Warszawa

Ostrzeżenie: (20%)
X----


Witam mam problem z którym męczę sie już od 2 dni mianowicie, mając wtyczkę FB z prawej strony okranu działa ona kiedy sie najedzie/zjedzie myszką. Ja chcę to przerobić aby działało po kliknięciu i odkliknięciu
Metody click czy toggle już testowałem i nie umiem tego przerobić. bardzo proszę o pomoc.

JS

Kod
<script language="javascript">
    $(document).ready(function(){
    var speed = 300;
    var bg = '/img/tlo.png';
        $(".fb-fb").css('background-image', 'url('+bg+')');
        $(".fb-fb").hover(function(){
            $(".fb-fb").animate({right: "0px"}, {queue:false,duration:speed} );
            return false;
        },function(){    
            $(".fb-fb").animate({right: "-209px"}, {queue:false,duration:speed} );
            return false;
        });
    });
</script>


CSS

Kod
<style type="text/css">
    .fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:5%; right:-209px;z-index:99999; display:block;}
</style>



HTML
Kod
<div  class="fb-fb">
  <div style="background:#fff;">
     <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/demotywatory" colorscheme="light" width="200" height="350" show_faces="true" stream="false" header="true"></fb:like-box>
  </div>
</div>

Go to the top of the page
+Quote Post
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

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


Witaj.

Jeśli możesz to prześlij mi adres, na którym skrypt działa.

Lub utwórz projekt na jsfiddle tak, aby działał.

Pozdrawiam.
Go to the top of the page
+Quote Post
mortus
post
Post #3





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


Najpierw przykład. Możesz np. posłużyć się dodatkową zmienną, którą w przykładzie jest isVisible z domyślną wartością false i odpowiednio modyfikować wartość tej zmiennej po kliknięciu w element klasy .fb-fb. Na takiej zasadzie działa właśnie metoda .toogle(), jednak bezpośrednio pod .toogle() tego nie podepniesz (trzeba by było ingerować w kod jQuery).
Go to the top of the page
+Quote Post
kielich
post
Post #4





Grupa: Zarejestrowani
Postów: 442
Pomógł: 4
Dołączył: 28.12.2008
Skąd: Warszawa

Ostrzeżenie: (20%)
X----


Dziękuje ślicznie dokładnie o to mi chodziło (IMG:style_emoticons/default/exclamation.gif) (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:29