Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Convertir en funcion este codigo que se lanza al inicio...

Estas en el tema de Convertir en funcion este codigo que se lanza al inicio... en el foro de Frameworks JS en Foros del Web. Hola como estan! Yo? Con un lio que no se resolver. Veran, tengo una web por la que subo imagenes con javascript. Tengo un div ...
  #1 (permalink)  
Antiguo 07/11/2012, 13:51
 
Fecha de Ingreso: noviembre-2007
Mensajes: 186
Antigüedad: 15 años, 1 mes
Puntos: 0
Convertir en funcion este codigo que se lanza al inicio...

Hola como estan!
Yo? Con un lio que no se resolver.

Veran, tengo una web por la que subo imagenes con javascript.
Tengo un div con ID="subirImagenes" que hace de boton, por el cual subo las imagenes y este es el javascript:

Código:
	$(document).ready(function(){
		
		var button = $('#subirImagenes'), interval;
		new AjaxUpload(button,{
			action: '../../clases-y-librerias/subir_imagenes_con_ajax/subir-imagen.php', /** CAMBIAR LA RUTA DE LA CARPETA... **/
			name: 'image',
			onSubmit : function(file, ext){
				// cambiar el texto del boton cuando se selecicione la imagen		
				button.text('Subiendo');
				// desabilitar el boton
				this.disable();
				
				interval = window.setInterval(function(){
					var text = button.text();
					if (text.length < 11){
						button.text(text + '.');					
					} else {
						button.text('Subiendo');				
					}
				}, 200);
			},
			onComplete: function(file, response){
				button.text('Subir Otra Imagen');
							
				window.clearInterval(interval);
							
				// Habilitar boton otra vez
				this.enable();
				
				// Añadiendo las imagenes a mi lista
				
				if($('#imagenesSubidas li').length == 0){
					$('#imagenesSubidas').html(response).fadeIn("fast");
					$('#imagenesSubidas li').eq(0).hide().show("slow");
				}else{
					$('#imagenesSubidas').prepend(response);
					$('#imagenesSubidas li').eq(0).hide().show("slow");
				}
			}
		});
		
		// Listar  fotos que hay en mi tabla
		//id_contenido, es el contenido a editar, viene por get (si estoy editando un contenido, si creo uno nuevo no habra nada)...
		$("#imagenesSubidas").load("../../clases-y-librerias/subir_imagenes_con_ajax/subir-imagen.php?action=listar&id="+id_contenido); //MODIFICAR LA RUTA AL ARCHIVO PHP DESDE EL ARCHIVO QUE LLAMA A ESTE SCRIPT
		
		// Eliminar
		
		$("#imagenesSubidas li a").live("click",function(){
			var a = $(this)
			$.get("../../clases-y-librerias/subir_imagenes_con_ajax/subir-imagen.php?action=eliminar",{id:a.attr("id")},function(){ //MODIFICAR LA RUTA AL ARCHIVO PHP DESDE EL ARCHIVO QUE LLAMA A ESTE SCRIPT
				a.parent().fadeOut("slow")
			})
		})	
	});
Hay mas codigo pero este es el importante. Como veran el codigo se ejecuta cuando:

Código:
$(document).ready(function(){...}
Yo lo quisiera es crear una funcion con todo ese codigo, de esta forma:

Código:
	function hola(){
		
		var button = $('#subirImagenes'), interval;
		new AjaxUpload(button,{
			action: '../../clases-y-librerias/subir_imagenes_con_ajax/subir-imagen.php', /** CAMBIAR LA RUTA DE LA CARPETA... **/
			name: 'image',
			onSubmit : function(file, ext){
				// cambiar el texto del boton cuando se selecicione la imagen		
				button.text('Subiendo');
				// desabilitar el boton
				this.disable();
				
				interval = window.setInterval(function(){
					var text = button.text();
					if (text.length < 11){
						button.text(text + '.');					
					} else {
						button.text('Subiendo');				
					}
				}, 200);
			},
			onComplete: function(file, response){
				button.text('Subir Otra Imagen');
							
				window.clearInterval(interval);
							
				// Habilitar boton otra vez
				this.enable();
				
				// Añadiendo las imagenes a mi lista
				
				if($('#imagenesSubidas li').length == 0){
					$('#imagenesSubidas').html(response).fadeIn("fast");
					$('#imagenesSubidas li').eq(0).hide().show("slow");
				}else{
					$('#imagenesSubidas').prepend(response);
					$('#imagenesSubidas li').eq(0).hide().show("slow");
				}
			}
		});
		
		// Listar  fotos que hay en mi tabla
		//id_contenido, es el contenido a editar, viene por get (si estoy editando un contenido, si creo uno nuevo no habra nada)...
		$("#imagenesSubidas").load("../../clases-y-librerias/subir_imagenes_con_ajax/subir-imagen.php?action=listar&id="+id_contenido); //MODIFICAR LA RUTA AL ARCHIVO PHP DESDE EL ARCHIVO QUE LLAMA A ESTE SCRIPT
		
		// Eliminar
		
		$("#imagenesSubidas li a").live("click",function(){
			var a = $(this)
			$.get("../../clases-y-librerias/subir_imagenes_con_ajax/subir-imagen.php?action=eliminar",{id:a.attr("id")},function(){ //MODIFICAR LA RUTA AL ARCHIVO PHP DESDE EL ARCHIVO QUE LLAMA A ESTE SCRIPT
				a.parent().fadeOut("slow")
			})
		})	
	});
y ejecugarla luego asi:

Código:
    $(document).ready(function(){
        hola();
    });
La idea es poder utilizar ese codigo con otros "botones" y cambiarle la ruta a los archivos .php que llama. Pero al crear la funcion, no hace nada, pulso el boton y no pasa nada.

La verdad que de javascript no se mucho y ese codigo lo logre modificando varios ejemplo que hay en la web.

Mil gracias!!

Etiquetas: ajax, funcion, html, php, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:05.