Der Submit-Button-Helper für AJAX-Formulare unterstützt standardmäßig leider nur "normale" Buttons und keine Images. Um eine vergleichbare Funktionalität zu erhalten, können wir einfach mit dem folgenden Code einen geeigneten Helper definieren, den ich einfach mal image_to_remote nenne:

Code: Alles auswählen

def image_to_remote(options = {})
         options[:with] ||= 'Form.serialize(this.form)'
         options[:html] ||= {}
         options[:html][:type] = 'image'
         options[:html][:src] = options[:src]
         options[:html][:onclick] = "#{remote_function(options)}; return false;"
         tag("input", options[:html], false)
end

Einmal definiert, kann dieser dann bspw. wie folgt aufgerufen werden:

Code: Alles auswählen

image_to_remote(
  :url => { :action => action, :id=>@addresses.id },
  :src=>"/images/save.png",
  :loading=>visual_effect(:appear, :bereich, :duration=>0.5, :from=>1, :to=>0),
  :complete=>visual_effect(:appear, :bereich, :duration=>0.5, :from=>0, :to=>1),
  :update => "bereich")

:src enthält dabei den Pfad zur Grafik.