[JavaScript]Effect.Pulsate nie działa z jQuery - dlaczego? Opcje

[casperii]

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:

[HTML] pobierz, plaintext 
 
<div id="messages">
	<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 ?>
	</div>
	<script type="text/javascript" language="javascript">	
	Effect.Pulsate('main-message-<?=$ERROR_TYPE ?>', { pulses : 2, duration : 1, from : 0.7 });
	</script>
</div>
[HTML] pobierz, plaintext 

Kod JS:

[HTML] pobierz, plaintext 
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}));
};
[HTML] pobierz, plaintext 

[viking]

A te elementy to XML że stosujesz main-message-<?=$ERROR_TYPE ?> ? Raczej ci chodzi o id albo klasę.

[casperii]

<?=$ERROR_TYPE ?> zwraca typ komunikatu w zależności od tego co wypluł php.
Jeżeli np. są nie poprawne dane: error_type otrzyma "bad". Czyli nasza klasa będzie miała class="message-bad"
Styl jak i treść błędu wczytuje się jak najbardziej ok. Jedyny błąd to to że nie ma animacji pulsacji, jeżeli powyżej mam jquery.

[viking]

Id wygenerujesz w kodzie main-message-bad a odnosisz się do elementu XML main-message-bad a nie elementu o id #main-message-bad

[casperii]

@viking to wyjaśnij mi proszę dlaczego to działa jeśli usunę z kodu:
-jquery-1.7.1.min.js
- jquery.tools.min.js


poza tym div ma class jak i ID o tej samej nazwie message-bad a odwołanie takie:

[HTML] pobierz, plaintext 
Effect.Pulsate('main-message-bad', { pulses : 2, duration : 1, from : 0.7 });
[HTML] pobierz, plaintext 

czy takie

[HTML] pobierz, plaintext 
Effect.Pulsate('#main-message-bad', { pulses : 2, duration : 1, from : 0.7 });
[HTML] pobierz, plaintext 

nie działa więc nie rozumiem. Może to powinno być wstawione w:

[HTML] pobierz, plaintext 
$(document).ready(function() { } 
[HTML] pobierz, plaintext 

[trueblue]

Pomieszałeś Prototype z jQuery. Moduł Effect pochodzi ze script.aculo.us opartego na Prototype.

[casperii]

@trueblue czyli żeby działało jQuery z prototype trzeba zastosować:

[HTML] pobierz, plaintext 
var $j = jQuery.noConflict();
[HTML] pobierz, plaintext 

dobry kierunek obieram ?

[trueblue]

Tak, tylko wtedy wszędzie dla jQuery używasz $j, a nie $.

Albo tak: http://stackoverflow.com/a/14552072/5889778

[casperii]

@trueblue dzięki, tak jak myślałem od samego początku winę ponosiło jQuery który robił konflikt. Zastosowanie jQuery.noConflict(); rozwiązało problem.