Facebook Button Problem

02/01/2015 15:38 Prof.MindFreak#1
Guten Tag,
Ich habe ein Problem mit meinem Button Script hier ein Bild dazu.
[Only registered and activated users can see links. Click Here To Register...]
Wenn man auf denn Facebook button klickt soll das Likebox Fenster ausgefahren werden. Ich denke mal das ihr wisst was ich meine.

Das Script-.-

PHP Code:
 <!-- Facebook Like Button -->    
 <div style="position:fixed;left:0px;">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({left: "100"}, "medium");}, function() {jQuery(this).stop().animate({left: "0"}, "medium");}, 500);}); /*]]>*/
    </script>
  
 <style type="text/css">
    .likebox{background:
    url("/img/Social_Media/Facebook.png") no-repeat scroll left center transparent !important;display: block;float: left;height: 270px;padding: 0 5px 0 300px;width: 245px;z-index: 99999;position:fixed;left:-250px;top:30%;}
    .likebox div{border:none;position:relative;display:block;}
 </style>
  
 <div class="likebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width100%; height:290px;" allowTransparency="true"></iframe><br><a href="http://www.ixq.de/facebook.php">:</a> </div></div>
 </div>
 <!-- Facebook Button ENDE--> 
02/01/2015 15:57 xEncounter#2
schau mal ob du [Only registered and activated users can see links. Click Here To Register...] was findest. Ich denke schon.
02/01/2015 16:11 Prof.MindFreak#3
Hilft mir nicht weiter :)
02/01/2015 16:19 NotEnoughForYou#4
Wenn beim Buttonklick das Event (also die Animation) ausgelöst werden soll, wieso wird dann kein .click Event, sondern ein .hover Event abgefangen? So macht es natürlich keinen Sinn.

Das Script würde bei einem hover über .likeBox die likeBox verschieben. Da diese ja aber außerhalb des Sichtbaren bereichs ist (left: -250px), kann das ja gar nicht funktionieren.

Außerdem benutzt man für gewöhnlich $ statt jQuery, also so etwas in der Art:

Code:
$(document).ready(function() {
    $('#meinButton').click(function() {
        $('.likeBox').animate({left += "250"}, 3000, function() {});
    });
});
02/01/2015 17:11 Prof.MindFreak#5
#Close