Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

null2007

[Resolvido] Usando jquery.maskedinput-1.3.js + prototype.js

Por , em Javascript

Recommended Posts

null2007    1

null2007
Postado

Olá pessoal,

 

estou precisando usar o jquery.maskedinput-1.3.js e o prototype.js na mesma página, só que estou com problemas.

Quando tiro um, o outro funciona, e vice e versa.

 

Segue o dódigo:

 

<head>
   	<!-- the following line is only required to run the setupEfeito Galeria -->
   	<script type="text/javascript" src="_js/jquery-1.8.1.min.js"></script>
   	<script type="text/javascript" src="_js/shadowbox/shadowbox.js"></script>

   	<!-- masc form -->
   	<script src="_js/jquery.maskedinput-1.3.js" type="text/javascript"></script>

   	<!-- valid form -->
   	<script src="admin/_js/scriptaculous/prototype.js" type="text/javascript"></script>
   	<script src="admin/_js/scriptaculous/validation.js" type="text/javascript"></script>
   	<script src="admin/_js/scriptaculous/src/effects.js" type="text/javascript"></script>
   	<script src="admin/_js/scriptaculous/fabtabulous.js" type="text/javascript"></script>
</head>

 

No form estou utilizando desta forma:

<script type="text/javascript">
$(document).ready(function(){
	$("#fone_res").mask("(99)9999-9999");
	$("#fone_cel").mask("(99)9999-9999");
	$("#cpf").mask("999.999.999-99");
	$("#cep").mask("99999-999");
	$("#data").mask("99/99/9999");
	$("#rg").mask("9.999.999");
});
</script>
<form action="reload.php?load=cad-vendedor&system=true" enctype="multipart/form-data" method="post" id="formCadVendedor">
<p>CPF:</p>
<input class="required validate-number" style="width:155px" type="text" name="cpf" id="cpf" maxlength="11" value="<?php echo (isset($_POST['cpf'])) ? $_POST['cpf'] : ""; ?>" />

 

 

Acontece que quando eu comento o jquery.maskedinput-1.3.js, o prototype.js funciona. Porém o jquery.maskedinput-1.3.js deixa de funcionar. E vice e versa.

 

Galera, consegui a solução no site: http://blog.sahb.com.br/2009/04/conflito-entre-prototypejs-e-jqueryjs/comment-page-1/#comment-8650

 

Segue a solução para quem precisar:

 

Para resolver isso, carregue o jQuery primeiro, e faça:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

 

Isso deverá vir antes de carregar qualquer outra biblioteca de scripts. A partir daí, você pode carregar os demais js’s, inclusive o prototype.js.

 

Porém, não é só isso. Nas chamadas ao jquery.js que usem o $, substitua esse por jQuery. Um exemplo é:

$("#conquistapg").load(url);

 

Vira:

jQuery("#conquistapg").load(url);

 

 

 

BOA SORTE! HEHEHE :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito