usar formcheck.js y jquery.alerts.js??

[wladtepes]

Hola ,

Estoy trabajando con estas 2 librerias y necesito que funcionen las 2 , pero se anulan, estube buscarndo como solucionar esto y encontre la funcion noConflict(); , pero no me funcion o mejor dicho no entendi como implementarla



Sin Metodo

Código Javascript:

<script type="text/javascript" src="js/formcheck/formcheck.js">
<script src="js/Jalert/jquery.alerts.js" type="text/javascript"></script>
 
 
 
<script type="text/javascript">
$(document).ready( function() {jAlert('hoLA', 'xxxxxxxxxxx');});
 
 
window.addEvent('domready', function (){
        check = new FormCheck('form1', {
            
        display : {
            fadeDuration : 500,
            errorsLocation : 1,
            indicateErrors : 1,
            showErrors : 1
        }
    })});
    </script>
 

Usando el metodo noConflict()

Código Javascript:

<script type="text/javascript" src="js/formcheck/formcheck.js">
<script src="js/Jalert/jquery.alerts.js" type="text/javascript"></script>
 
<script type="text/javascript">
 
jQuery.noConflict();
 
jQuery(document).ready( function($) {jAlert('hoLA', 'xxxxxxxxxxx');});
    
 
jQuery(window).addEvent('domready', function ($){
    
check = new FormCheck('form1', {
            
        display : {
            fadeDuration : 500,
            errorsLocation : 1,
            indicateErrors : 1,
            showErrors : 1
                }
            })})(jQuery);   
    
    
    
            
    </script>
 

De antemano gracias por la Ayuda

[chichote]

jQuery.noConflict es para que no se generen conflictos entre jquery y otras librerias como por ejemplo con prototype, pero si ambas librerias son jquery entonces no habria problemas y no seria necesario jQuery.noConflict.

Prueba revisar cada libreria con la misma version de jquery, puede que sea un problema de versiones.



saludos.

[masterpuppet]

Creo que lo estas implementando mal, .noConflict lo que haces es "liberar" el $ que tantas librerias utilizan(incluido Mootools), entiendo que deberia ser algo asi:

Código Javascript:

jQuery.noConflict();
 
jQuery(document).ready( function() {jAlert('hoLA', 'xxxxxxxxxxx');});
    
 window.addEvent('domready', function (){
    
    var check = new FormCheck('form1', {            
        display : {
            fadeDuration : 500,
            errorsLocation : 1,
            indicateErrors : 1,
            showErrors : 1
         }
    }); 
});
 

[wladtepes]

mmm no funcionan, estas son todos los llamados a librerias que cada Frameworks usa

Código Javascript:

<!--  esta parte corresponde a jquery.alerts  -->
<script src="js/Jalert/jquery.js" type="text/javascript"></script>
<script src="js/Jalert/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="js/Jalert/jquery.alerts.js" type="text/javascript"></script>
<link href="js/Jalert/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
 
 
<script type="text/javascript">
$(document).ready( function() {jAlert('hoLA', 'xxxxxxxxxxx');});
</script>
 
<!-- esta parte corresponde al formcheck -->
 
<script type="text/javascript" src="js/formcheck/core.js"></script>
<script type="text/javascript" src="js/formcheck/more.js"></script>
<link media="screen" type="text/css" href="js/formcheck/theme/red/formcheck.css" rel="stylesheet" /> 
<script type="text/javascript" src="js/formcheck/lang/es.js"></script> 
<script type="text/javascript" src="js/formcheck/formcheck.js"></script>
 
 
<script type="text/javascript">
window.addEvent('domready', function (){
        check = new FormCheck('form1', {
            
        display : {
            fadeDuration : 500,
            errorsLocation : 1,
            indicateErrors : 1,
            showErrors : 1
        }
    })});
 
</script>
 

[masterpuppet]

Se me paso comentarte que el orden importa a la hora de cargar las librerias, JQuery debe ser la ultima en cargar, teniendo esto en cuenta quedaría así:

Código Javascript:

<script type="text/javascript" src="js/formcheck/core.js"></script>
<script type="text/javascript" src="js/formcheck/more.js"></script>
 
<!--  esta parte corresponde a jquery.alerts  -->
<script src="js/Jalert/jquery.js" type="text/javascript"></script>
<script src="js/Jalert/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="js/Jalert/jquery.alerts.js" type="text/javascript"></script>
<link href="js/Jalert/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
 
 
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready( function() {jAlert('hoLA', 'xxxxxxxxxxx');});
</script>
 
<!-- esta parte corresponde al formcheck -->
<link media="screen" type="text/css" href="js/formcheck/theme/red/formcheck.css" rel="stylesheet" /> 
<script type="text/javascript" src="js/formcheck/lang/es.js"></script> 
<script type="text/javascript" src="js/formcheck/formcheck.js"></script>
 
 
<script type="text/javascript">
window.addEvent('domready', function (){
   var check = new FormCheck('form1', {
            
        display : {
            fadeDuration : 500,
            errorsLocation : 1,
            indicateErrors : 1,
            showErrors : 1
        }
    })
});
</script>
 

Salu2.

[wladtepes]

OOOOHHHHH TE PASASTE


Funciona genial :D