Witam prosze o pomoc w rozwiązaniu problemu który polega na konflikcie dwóch skryptów jquery i lightboxa 2.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#wait_1').hide();
$('#drop_1').change(function(){
$('#wait_1').show();
$('#result_1').hide();
$.get("func_chain.php", {
func: "drop_1",
drop_var: $('#drop_1').val()
}, function(response){
$('#result_1').fadeOut();
setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
});
return false;
});
});
function finishAjax(id, response) {
$('#wait_1').hide();
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
function finishAjax_tier_three(id, response) {
$('#wait_2').hide();
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
</script>
skrypt wykorzystujący jquery to ładowanie rekordów z bazy danych do pola typu <select> bez przeładowania strony
i gryzie sie z lightboxem
gdy robie noconflict
to wygląda tak
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#wait_1').hide();
$j('#drop_1').change(function(){
$j('#wait_1').show();
$j('#result_1').hide();
$j.get("func_chain.php", {
func: "drop_1",
drop_var: $j('#drop_1').val()
}, function(response){
$j('#result_1').fadeOut();
setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
});
return false;
});
});
function finishAjax(id, response) {
$j('#wait_1').hide();
$j('#'+id).html(unescape(response));
$j('#'+id).fadeIn();
}
function finishAjax_tier_three(id, response) {
$j('#wait_2').hide();
$j('#'+id).html(unescape(response));
$j('#'+id).fadeIn();
}
</script>
i tu prawie działa obrazki wyświetla ale skrypt od selecta niedziała do końca to znaczy wyświetla tylko dwa pierwsze pola select i sie zawiesza a powinien pokazać trzecie i buttona...
Jeżeli ma ktoś pomysł to bardzo proszę o odpowiedź