Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/05/2012, 16:19
angeloya
 
Fecha de Ingreso: mayo-2012
Mensajes: 62
Antigüedad: 12 años
Puntos: 1
MooTools o jQuery ?

hola .
estoy usando un mootools que le da un aspecto profesional a mis formularios a los objetos input/select/etiquetas etc. pero navegando por internet encuentre unas librerias jquery que me gustaron el problema es que al tratar de incorporarlo a mi proyecto resulto que el mootools no permite ver los efectos del jquery porfavor orientenme que debo hacer.

si este fuera el caso porfavor recomiendenme un mootools mas completo porf.

Libreria Mootools (cambia el aspecto de formulario lo hace mas profesional)
Código PHP:
<!--MOOTOOLS-->
    <
link rel="stylesheet" href="mootools/red/forms-red.css" type="text/css" media="all" />
    <
script type="text/javascript" src="mootools/mootools-core-1.4.5-full-compat-yc.js"></script>
    <script type="text/javascript" src="mootools/forms.v1.3.mootools.min.js"></script>
    <script type="text/javascript">
        window.addEvent('domready', function() {
        $$("input", "select", "textarea").each(function(el) {
            el.DoSexy();
        });
        });
    </script>
<!--MOOTOOLS--> 
Librerias Jquery (para validar entradas de los input, mensajes tipo sombra)
Código PHP:
<!--VALID-->    
    <
link rel="stylesheet" type="text/css" media="screen" href="css/milk.css" />
    <
script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript">
jQuery.validator.addMethod( 
      "selectNone", 
      function(value, element) { 
        if (element.value == "-1") 
        { 
          return false; 
        } 
        else return true; 
      }, 
      "Please select an option." 
    ); 
$(document).ready(function() {
    // validate signup form on keyup and submit
    var validator = $("#form_a").validate({
        rules: {
            username: {
                required: true,
                minlength: 2
            },
            nombres: {
                required: true,
                minlength: 3
            },
            apellidos: {
                required: true,
                minlength: 7
            },
            cursos: {
                selectNone: true
            },
            
        },
        messages: {
            username: {
                required: "Enter a username",
                minlength: jQuery.format("Enter at least {0} characters")
            },
            nombres: {
                required: "Enter a nombres",
                minlength: jQuery.format("Enter at least {0} characters")
            },
            apellidos: {
                required: "Enter a apellidos",
                minlength: jQuery.format("Enter at least {0} characters")
            },
            
                
        },
        // the errorPlacement has to take the table layout into account
        errorPlacement: function(error, element) {
            error.prependTo( element.parent().next() );
        },
        // specifying a submitHandler prevents the default submit, good for the demo
        submitHandler: function() {
            alert("submitted!");
        },
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set &nbsp; as text for IE
            label.html("&nbsp;").addClass("checked");
        }
    });
    
    // propose username by combining first- and lastname
    $("#username").focus(function() {
        var firstname = $("#firstname").val();
        var lastname = $("#lastname").val();
        if(firstname && lastname && !this.value) {
            this.value = firstname + "." + lastname;
        }
    });
    
});
</script>
<!--VALID-->
<!--MENSAJE-->        
    <link rel="stylesheet" href="css/tipsy.css" type="text/css" />
    <script language="javascript" src="js/jquery.min.js" type="text/javascript"></script>
    <script language="javascript" src="js/jquery.tipsy.js" type="text/javascript"></script>
    <script type='text/javascript'>
    //<![CDATA[
        $(function() {
            $('#sombrita').tipsy({trigger: 'focus', gravity: 'w'});
        });
    //]]>
    </script> 
<!--MENSAJE-->