Błąd przy wysuwanym okienku

merive.pl

Avatar: merive.pl

2011-08-25 11:10

Witam.

Chciałem na stronie umieścić wysuwane okienko, więc w pliku container.tpl przed
<!-- END HEAD --> wstawiłem coś takiego:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
 
    $(function(){
 
    $("#wysuwane").css("left","-115px");
 
$("#wysuwane").hover(
  function () {
    $("#wysuwane").animate({left: "0px"}, 1000 );
        $(this).addClass("zamknij");
  },
  function () {
    $("#wysuwane").animate({left: "-115px"}, 1000 );
        $(this).removeClass("zamknij");
  }
);
});
</script>
     
<style  type="text/css" >
#wysuwane
{ 
    background: url("fbpodklad.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 151px;
    height:139px;
    position: fixed;
    margin-top: -70px; /*połowa wysokoci panelu w górę */
    left: 0px;
    top: 50%;
}
.zamknij
{   background-position: 0px 0px -100px 0px;}

</style>



Zaś zaraz po <body> coś takiego:

<div id="wysuwane">
 
<div id="wewnatrz" style="float:left;width:150px; display:block; margin-left:0px;">
<iframe src="http://www.facebook.com/plugins/like.php?app_id=243711105652234&amp;href=http%3A%2F%2Fwww.paramed-group.pl %2F&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&am p;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe><br><br>

<!-- Umieść ten tag w miejscu, gdzie ma pojawić się przycisk +1 -->
<g:plusone href="www.paramed-group.pl"></g:plusone>
</div>
</div>



No i niby wszystko działa, tylko że div "overlay" zakrywa mi większość strony. Jedyny błąd jak wyskakuje to "Uncaught TypeError: Cannot read property 'visibility' of undefined" w pliku moo.fx.js:109

Czy ktoś może wie dlaczego?

» Quick.Cms v2.x

Rad

Avatar: Rad

2011-08-26 09:42

Najprawdopodobniej to kwestia lightboxa, wywal z nagłówka skrypty lightboxa i zastąp go skryptem wykorzystującym jQuery.

marcincook

Avatar: marcincook

2011-08-30 02:31

1 - Jak nie chcesz mieć biblioteki jQuery na swoim serwerze a hosting masz polski
to używaj serwerów microsoftu - szybciej działają

2 - Biblioteka jQuery doczekała się wieluuuuuuuu poprawek i nowych funkcji i teraz masz już do dyspozycji potężną bibliotekę 1.6xx a użyłeś 1.3xx

3 - jak chcesz mieć obie biblioteki JS to jQuery użyj w trybie noConflict(); nawet jeśli wydaje Ci się że działa poprawnie

Poniżej gotowiec do podmiany



<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>;
<script type="text/javascript">
$.noConflict();
    jQuery(document).ready(function($) {
      $("#wysuwane").css("left","-115px");
   
      $("#wysuwane").hover(
        function () {
          $("#wysuwane").animate({left: "0px"}, 1000 );
              $(this).addClass("zamknij");
        },
        function () {
          $("#wysuwane").animate({left: "-115px"}, 1000 );
              $(this).removeClass("zamknij");
        }
      );
    });
</script>



PS. Lightbox z Quicka powinien działać

merive.pl

Avatar: merive.pl

2011-08-30 14:57

Wielkie dzięki za pomoc :D

Do góry
o nas | kontakt