virtuelle Waage == php? jQuery? html5 local storage?

[leveler]

Moinmoin liebe Liebenden,
'isch hätt da jern 'mal ein Problem...

Im muss Bildern einen Zahlwert zuweisen, diese Bildchen sollen per drag'n'drop auf eine virtuelle Waage gezogen werden können
und dann wird der Wert von zB einem Kilo Zucker auf einem Display angezeigt.

Legt man ein 2. Bild mit dem Wert von zb 500gr. dazu, zeigt die Wagge dann eben 1500gr an.
Entfernt man das Bild wieder aus dem Waagenbereich ,
wird das Gewicht wieder subtrahiert/die Waage aktualisiert.

Das Ganze soll sich im Browser abspielen.
Die dragNdrop Funktionalität habe ich schon mittles jquery/jqueryUI gebaut, sprich - man kann jetzt 4 Bildchen innerhalb eines ausgewählten Bereiches bewegen.

Aber jetzt steh ich auf dem Schlauch:, da mein Wissen über html5, javascript/jquery, php doch noch recht übersichtlich ist.

wie kann ich :

- einem Bild eine Variable zuweisen ( --> geht das ?, oder ist es besser , ein anderes htmlElemt zu nehmen und die Grafiken per css einzubinden)?

- die Variable des Bildes in ein Textfeld übertragen ? ( -->jquery ??)

- die "Waage" ohne den Browser aktualisieren zu müssen, aktuell halten ? (-->ajax/HTTP-Request ??)

Im Grunde ist es wohl vergleichbar mit einem Webshopsystem, nur in der allerkleinsten Miniversion.

Für Tips und hilfreiche Links wäre ich sehr dankbar...

beste Grüße aus H an der E,
der Leveler

 

[exo]

AW: virtuelle Waage == php? jQuery? html5 local storage?

- hmm kommt ganz drauf an woher du die bilder holst... wenn du die bildinfos zb aus einer datenbank holst, dann einfach da mit abspeichern/auslesen

- ja mit jquery bzw. ajax ganz easy

- auch mit jquery ganz einfach zu handeln...

 

[leveler]

AW: virtuelle Waage == php? jQuery? html5 local storage?

Danke exo für die rasche Antwort.
Kannst Du evt noch ein paar Stichworte in den Ring werfen, damit ich Anhaltspunkte für eine erfolgversprechende Suche habe?
Mit jquery hab ich schon ein wenig rumgebastelt, aber mir fehlt noch der Überblick über die Materie javascript, ebenso bei php, von ajax hab ich ehrlich gesagt 0Plan bis dato.

 

[vandenhayes]

AW: virtuelle Waage == php? jQuery? html5 local storage?

Moin,

da Du schon jquery nutzt, läuft Deine Waage-simulation ja schon clientseitig. Das heißt eine Webseitenaktualisierung brauch doch gar nicht statt finden. Die Werte weist Du einem Bild zu, in dem Du den Event ausnutzt, wenn Du das Bild auf die Waage legst. Beispiel :

if(Event_OnDrop)
{
 switch("Bild")
 {
  case "Zucker.png":
  Wert = Wert + 1;
  break;
  case "Mehl.png":
  Wert = Wert + 0.5;
  break
 }
}

Das ist jetzt nur Pseudocode ...also nicht getestet, aber so in dieser Art sollte es funktionieren.

 

[leveler]

AW: virtuelle Waage == php? jQuery? html5 local storage?

NACHTRAG:

für alle, die es interessiert:
http://docs.jquery.com/Data

jQuery.data scheint eine/die Lösung zu sein....