Panowie chciałem wykonać na stronie komunikat który by wyskakiwał i pulsował.
Niestety jeśli mam wstawione w stronie te 2 biblioteki
-jquery-1.7.1.min.js
- jquery.tools.min.js
to pulsacja nie działa - konsola nie wyświetla żadnych błędów.
Za wyświetlenie diva pulsacyjnego odpowiada poniższy kod:
<div style="" class="message-<?=$ERROR_TYPE ?>" id="main-message-
<?=$ERROR_TYPE ?>">
<a class="dismiss-message" href="#" onclick="Effect.Fade('main-message-<?=$ERROR_TYPE ?>', { duration : 0.5 }); return false;">
</a> <?=$ERROR_MESSAGE ?>
<script type="text/javascript" language="javascript"> Effect.Pulsate('main-message-<?=$ERROR_TYPE ?>', { pulses : 2, duration : 1, from : 0.7 });
Kod JS:
Effect.Pulsate = function(element) {
element = $(element);
var options = arguments[1] || { },
oldOpacity = element.getInlineOpacity(),
transition = options.transition || Effect.Transitions.linear,
reverser = function(pos){
return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5);
};
return new Effect.Opacity(element,
Object.extend(Object.extend({ duration: 2.0, from: 0,
afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
}, options), {transition: reverser}));
};