Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Skrypt działa na wszytkich przeglądarkach oprócz Firefoxa
Forum PHP.pl > Forum > Przedszkole
przemo191
Mam problem ze skryptem, zrobiłem likeboxa, wszystko działa dopuki nie otworzy się go w firefoxie. Wtedy panel nie chowa się.
O co może chodzićquestionmark.gif?
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  2. <script type="text/javascript">
  3. $(function(){
  4. $("#fb_rozwin").css("left","-205px");
  5. $("#fb_rozwin").hover(function(){
  6. $("#fb_rozwin").animate({left: "0px"}, {queue:false,duration:800} );
  7. $(this).addClass("zwin");
  8. return false;},
  9. function(){
  10. $("#fb_rozwin").animate({left: "-205px"}, {queue:false,duration:700} );
  11. $(this).removeClass("zwin");
  12. return false;
  13. });
  14. });
  15. </script>


  1. div id='fb_rozwin'><!-- Facebook -->
  2. <div id='fb_zawartosc'>
  3. <script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
  4. <fb:like-box href="http://www.facebook.com/############"
  5. width="182" height="340" colorscheme="light" show_faces="true" stream="false" header="false"></fb:like-box>
  6. <!-- Tego nie wolno usuwac
  7. <div style="text-align:center; font-size:xx-small">
  8. <a target="_blank" title="Wysuwany likebox" href="http://skrypt.uni.me/news.php?readmore=6">likebox</a>
  9. </div>
  10. Tego nie wolno usuwac -->
  11. </div>
  12. </div>

  1. /* Formatowania widget facebook */
  2.  
  3. #fb_rozwin {
  4. height: 402px;
  5. width: 235px;
  6. top: 50%;
  7. left: 0px;
  8. position: fixed;
  9. margin-top: -201px; /* = wysokosc panelu / 2 (polozenie panelu w pionie) */
  10. padding: 10px;
  11. background: url("http://img841.imageshack.us/img841/5074/bglikeboxfacebookfanpag.png") no-repeat scroll 0 0 transparent;
  12. }
  13.  
  14. .zwin {
  15. background-position: 0px 0px -242px 0px;
  16. }
  17.  
  18. #fb_zawartosc {
  19. height: 357px;
  20. width: 182px;
  21. display: block;
  22. float: left;
  23. background-color: #cddcdf;
  24. }
Szymciosek
Istnieje coś takiego jak http://jsfiddle.net/ wrzuć to wszystko tam i pokaż, ułatwi to wszystkim sprawę w podejrzeniu jak coś działa.
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.