Jump to content

Wysuwany box - problem z js


Recommended Posts

Witam.

Zabrałem się za utworzenie wysuwanego panelu z informacjami, coś niczym like box, ale zamiast fanów informacja o kontakcie.

Panel miał być wysuwany więc potrzebny był mi kod js, który umieściłem w header.tpl:

 

<script type="text/javascript">

$(document).ready(function() {

$("#fejsik").mouseover(function() {

$(this).stop().animate({

right: '0',

}, 300);

})

$("#fejsik").mouseout(function(){

$(this).stop().animate({

right: '-210px',

}, 200);

});

});

</script>

ale niestety nie działa poprawnie.

Czy został on dobrze i w dobrym miejscu osadzony ?

Share this post


Link to post
Share on other sites

kiedy korzystasz ze skryptów js w pliku .tpl nie zapomnij korzystać z tagów {literal}{/literal}

po prostu cały skrypt (głównie funkcje) umieść wewnątrz tych tagów.

 

to jest pierwsza rzecz jaka mi przychodzi na myśl, oczywiście problem może być gdzieś indziej :)

wprowadź zmiany, to zobaczymy :)

Share this post


Link to post
Share on other sites

ogólnie chodzi o to, że znaki takie jak klamry: { } to są częściowe składni smarty,

korzystanie z nich może generować błędy (wywala wówczas popularny 500 internal server error) kompilator myśli, że chcesz korzystać ze składni smarty, w rzeczywistości jest inaczej bowiem jest to część składowa skrytpu js który wklejasz

 

aby temu zapobiec kod js umieszczamy w tagach {literal} {/literal} - wówczas kompilator wie, że kod umieszczony wewnątrz tych tagów nie ma być interpretowany jako kod "smarty"

Share this post


Link to post
Share on other sites

  • 2 weeks later...
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More