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!!