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 as text for IE
label.html(" ").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-->
