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:
Hay mas codigo pero este es el importante. Como veran el codigo se ejecuta cuando:$(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") }) }) });
Código:
Yo lo quisiera es crear una funcion con todo ese codigo, de esta forma:$(document).ready(function(){...}
Código:
y ejecugarla luego asi: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") }) }) });
Código:
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.$(document).ready(function(){ hola(); });
La verdad que de javascript no se mucho y ese codigo lo logre modificando varios ejemplo que hay en la web.
Mil gracias!!