Coesistenza di 2 script jquery nella stessa pagina

peppepegasus

Utente Attivo
20 Ott 2006
108
0
0
ciao,

ho realizzato una pagina che usa 2 script jquery: uno per poter inserire dei commenti tipo facebook e uno che cliccando su un link apre una finestra con del contenuto prelevato in maniera dinamica..ecco i due javascript nella parte dell'head:

Codice:
<link rel="stylesheet" type="text/css" href="../../style.css" title="demo" />

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery.custom.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.custom.css" rel="stylesheet" type="text/css"/>
</script>
	
<link href="frame.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".comment_button").click(function(){

var element = $(this);
var I = element.attr("id");

$("#slidepanel"+I).slideToggle(300);
$(this).toggleClass("active"); 

return false;});});
</script>

<script type="text/javascript">
$(document).ready(function()
{
$(".comment_submit").click(function(){

var element = $(this);
var Id = element.attr("id");

var test = $("#textboxcontent"+Id).val();
var dataString = 'textcontent='+ test + '&com_msgid=' + Id;
var idmsg=Id;

if(test=='')
{
alert("Please Enter Some Text");
}
else
{
$("#flash"+Id).show();
$("#flash"+Id).fadeIn(400).html('<img src="ajax-loader.gif" align="absmiddle"> loading.....');


$.ajax({
type: "POST",
url: "insertajax.php",
data: dataString,
cache: false,
success: function(html){
$("#loadplace"+Id).append(html);
$("#flash"+Id).hide();
}
});

}

return false;});});
</script>

// secondo script per aprire la finestra pop up
	
<script type="text/javascript">
	$(document).ready(function(){
    $("a#open").click(function(){
        $('#finestra').dialog("open");
		width: 850;
        return false;
    });
 
    $('#finestra').dialog({
        modal: true,
        autoOpen: false,
		width: 550,
		height: 300,
        buttons: {
            "Chiudi": function() {
                $( this ).dialog( "close" );
                }
            }
        });
    });
</script>

</head>

nel body seguono i codici html che vengono poi utilizzati dai javascript.
il problema è che il secondo, cioè quello che cliccando sul link deve aprire una finestra, non funziona! sembra che i due script insieme non possono coesistere, qualcuno mi dare una mano? mi sembra strano che in una pagina non possano coesistere più di 2 script!
ho provato diverse soluzioni: inserendo una piccola function per sostituire un testo tipo JQ e farlo diventare $, oppure usare il jQuery.noConflict(); ma niente.
grazie..
 

Discussioni simili