submit_to_remote mit Image

Implementierung & Verwendung von AJAX

submit_to_remote mit Image

Beitragvon broschart am 20.02.2008, 14:20

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.
Steven Broschart
http://www.broschart.net
Benutzeravatar
broschart
Site Admin
 
Beiträge: 37
Registriert: 23.11.2007, 20:25

Zurück zu AJAX

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron