conflito ente funções do JavaScript

[Carl2512 0]

Boa noite Galera,

Estou tendo problemas com conflito entre duas funções do JavaScript, preciso e ajuda,

Agradeço desde já por toda a ajuda.

 

 

Esta é uma função para o uploadify cadastrar imagem no banco.

<link href="js/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/uploadify/swfobject.js"></script>
<script type="text/javascript" src="js/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : 'js/uploadify/uploadify.swf',
    'script'    : 'js/uploadify/uploadify.php',
    'cancelImg' : 'js/uploadify/cancel.png',
    'folder'    : '../uploads',
    'multi'     : true,
'auto' : false,
    'fileExt'     : '*.jpg;*.gif;*.png',
    'buttonText'  : 'Selecione quantas imagens quiser (jpg, png e gif)',
    'width'       : 924,
'height'       : 35,
    'scriptData'  : {'imovelId':'<?php echo $imovelid;?>'},
'onAllComplete' : function(event,data) {
       location.reload(true);
    }
  });
});
</script>
 
E esta é um a função para exibir uma Div Oculta. onde esta um formulário para envio de e-mail
 

<script type="text/javascript">
$(function(){
//Cria-se uma variavel como noConflict para não aver conflito entre funções
var jQ = jQuery.noConflict();
 
jQ(".link").click(function(){
var modal = jQ(".janela");
 
//Verifica se a div da janela é ou não hidden
 
if(modal.is(':hidden')){
 
//caso seja o jQuery mostra a div em seu tamanho total
 
modal.css('height', jQ(document).height()).fadeIn();
jQ(this).children('img').attr('alt','Enviar Email').attr('title','Enviar Email');
 
}else{
//Se não for oculto, ele oculta a div para o codigo funcionar
modal.fadeOut();
jQ(this).children('img').attr('alt','Retornar').attr('title','Retornar');
}
})
})
</script>

Se eu colocar Qualquer uma das funções elas Funcionam, agora se colocar os dois scripts juntos, a função do uploadify não funciona.

Mais uma vez agradeço toda ajuda que puderem me dar.

[paulojuchem 20]

thats odd, vc n ta chamando o jquery 2x?

eu utilizo o uploadifive, mas chamo ele sempre no index pra ficar disponível entre as páginas q eu carrego depois, nunca tive problemas....

 

qual o erro q ta dando no console?

[Carl2512 0]

Boa tarde Paulo;

O erro é que a segunda função elimina o funcionamento da primeira.

se as duas funções estiverem no código, a função do uploadify não funciona.

e se eu retirar a função que chama div oculta, a função do uploadify funciona normalmente.

Ou seja as funções sozinhas funcionam, junta não!

no seu comentário você disse que eu posso estar chamando o Jquery dias vezes. vou verificar e caso seja isso posto o resultado aqui.

verifiquei o código;

o Jquery, esta senso chamado apena uma vez!

Vou tentar chamar direto da Index para ver se resolve

[Carl2512 0]

Paulo o Jquery direto da index e não deu certo!

também tentei chamar as funções direto da index e nada, realmente não sei o que fazer pois preciso da função do uploadify e da função da Div oculta.

[William Bruno 1501]

Como estão todas as suas tags <script> ?

 

Não use noConflict.

[Carl2512 0]

Boa Noite Willian Bruno;

todas as minhas tegs estão aqui:

 

 

 

<!-- ARQUIVOS -->

<script type="text/javascript" src="<?php setHome();?>/js/jquery.js" /></script>

<script type="text/javascript" src="<?php setHome();?>/js/shadowbox/shadowbox.js"></script>

<script type="text/ecmascript" src="<?php setHome();?>/js/mascara.js"></script>

<script type="text/javascript" src="js/uploadify/swfobject.js"></script>

<script type="text/javascript" src="js/uploadify/jquery.uploadify.v2.1.4.min.js"></script>

<!-- ESTILOS -->

<link rel="stylesheet" type="text/css" href="<?php setHome();?>/js/shadowbox/shadowbox.css"/>

<link rel="stylesheet" type="text/css" href="<?php setHome();?>/js/uploadify/uploadify.css" />

<!-- FUNÇÕES -->

<script type="text/javascript">

Shadowbox.init();

jQuery(function($){

$(".formDate").mask("99/99/9999 99:99:99");

$(".formFone").mask("(99) 9999.9999");

$(".formCel").mask("(99) 9999.9999");

$(".formCep").mask("99.999-999");

$(".formCpf").mask("999.999.999-99");

});

</script>

<script type="text/javascript">

$(function(){

//Cria-se uma variavel como noConflict para não aver conflito entre funções

var jQ = jQuery.noConflict();

jQ(".link").click(function(){

var modal = jQ(".janela");

//Verifica se a div da janela é ou não hidden

if(modal.is(':hidden')){

//caso seja o jQuery mostra a div em seu tamanho total

modal.css('height', jQ(document).height()).fadeIn();

jQ(this).children('img').attr('alt','Acenda a Luz').attr('title','Acenda a Luz');

}else{

//Se não for oculto, ele oculta a div para o codigo funcionar

modal.fadeOut();

jQ(this).children('img').attr('alt','Apague a Luz').attr('title','Apague a Luz');

}

})

})

</script>

<script type="text/javascript">

$(document).ready(function() {

$('#file_upload').uploadify({

'uploader' : 'js/uploadify/uploadify.swf',

'script' : 'js/uploadify/uploadify.php',

'cancelImg' : 'js/uploadify/cancel.png',

'folder' : '../uploads',

'multi' : true,

'auto' : false,

'fileExt' : '*.jpg;*.gif;*.png',

'buttonText' : 'Selecione quantas imagens quiser (jpg, png e gif)',

'width' : 924,

'height' : 35,

'scriptData' : {'imovelId':'<?php echo $imovelid;?>'},

'onAllComplete' : function(event,data) {

location.reload(true);

}

});

});

</script>

Boa noite Willian Bruno;

 

Deu certo aqui:

eu retirei o noConflict. e renomeei a VAR JQ para $;

 

Obrigado a todos:

abraço

O codigo ficou assim:

 

 

 

<script type="text/javascript">

$(function(){

$(".link").click(function(){

var modal = $(".janela");

//Verifica se a div da janela é ou não hidden

if(modal.is(':hidden')){

//caso seja o jQuery mostra a div em seu tamanho total

modal.css('height', $(document).height()).fadeIn();

$(this).children('img').attr('alt','Acenda a Luz').attr('title','Acenda a Luz');

}else{

//Se não for oculto, ele oculta a div para o codigo funcionar

modal.fadeOut();

$(this).children('img').attr('alt','Apague a Luz').attr('title','Apague a Luz');

}

})

})

</script>