remplazar function

muotaku · #1 (**permalink**) 23/04/2010, 15:10

Muy buenas a todos!!!, bueno por aca me registre para ver si alguien me puede echar una mano con una duda que tengo en jquery, lo que quiero hacer es "ampliar" una funcion de un plugin de jquery, os explico mejor con un ejemplo

Código:

(function($) {
	$.fn.demo = function() {
		
		return this.each(function() {
			function men(){
				alert("hola");
			}
			men();
		});
	}
})(jQuery);

bien pongamos por ejemplo ese código, ahora lo que me gustaría hacer es modificar la function men() desde fuera , osea declarar una funcion nueva para que cuando se ejecute el script en vez de salir un alert con hola salga con otro texto, se puede hacer de alguna forma ? o solo queda editar el archivo original del plugin ??

Un saludo.

mayid · #2 (**permalink**) 24/04/2010, 09:44

A ver si te sirve este tuto, sobre crear funciones:
http://www.cristalab.com/tutoriales/...-jquery-c251l/

Aca hay uno mas breve:
http://blog.ikhuerta.com/crear-un-plugin-de-jquery

muotaku · #3 (**permalink**) 24/04/2010, 12:16

Muy buenas, lo de crear los plugins no es mi duda, eso ya lo se hacer, creo que no me explique bien

, lo que necesito es algo similar a lo de jQuery.extend(settings, options); en el ejemplo que puse antes podría cambiar el $.fn.demo así jQuery.extend({demo:function(){alert("otro");}});, seria una forma de "modificar" sin necesidad de editar el archivo original , lo que quiero hacer no es modificar la función principal ($.fn.demo), sino la que esta dentro de esta que es men(), osea por defecto al ejecutar el plugin daría como resultado un alert("hola");, pues lo que me gustaría hacer es de alguna forma cuando se ejecute el plugin diga otro alert sin necesidad de cambiar la función principal, no se si me entiendes :P.

Un saludo.

Dany_s · #4 (**permalink**) 25/04/2010, 10:04

justamente en el tuto que te paso mayid enseñan, yo te explicaría pero no tiene sentido volver a repetir lo que está en el tuto, en la parte de Extendiendo el plugin: Opciones está

Si lees y no entendés veni a preguntarlo, por ahora un ejemplo

Código HTML:

<head>
    <title>Prueba</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
(function($) {
	$.fn.demo = function(optUser) {
		optDef = {mensaje: "nombreDefault", nombre:"invitadoDefault"}
		var opt = jQuery.extend( optDef , optUser);
	    alert(opt.mensaje+" "+opt.nombre);
	}
})(jQuery);

$( function (){
	$().demo();
	$().demo( {nombre:"Dany"} );
	$().demo( {mensaje:"Hola"} );
	$().demo( {mensaje:"Chau", nombre:"Dany"} );
});
</script>
</head>
<body>

</body>
</html>