Einkaufsliste App jQuery / HILFE !

  • Hallo Forum


    Ich habe ein grosses Problem.
    Ich habe gester mit einen Schulprojekt angefangen. Meine Idee war eine Einkaufsliste App.
    Die Startseite habe ich mit verschiedenen Hauptkategorien z.B Milchprodukte oder Getränke etc.
    Danach findet man unter der Kategorie die verschiedene Bilder mit Preise aus der Schweiz (Migros) Danach soll das App alles Speichern und am Schluss gibt er eine fertige Einkaufsliste mit Anzahl an ausgewählte Produkte.


    Frage:
    Wie kann ich ein Feld/Button, dass man + und - anklicken kann und nebendran ein Feld die Aufzählt wie viel z.b Cola Dosen kaufen will erstellen? Da ich erst vor 2 Jahren Programmiert habe und ich nur noch die Basics (mehr oder weniger kann) würde ich mir sehr freuen wenn mir jemand Hilft [Blockierte Grafik: http://www.jquery-board.de/threads/images/smilies/smile.png]


    2. Frage:
    Wie kann ich das mit der fertige Einkaufsliste realisieren?


    Ich würde mir sehr freuen wenn mir jemand helfen würde diese (für mich schwierige Sache) zu realisieren.
    Ich bitte auch noch um Entschuldigung, dass ich mit der Suchfunktion nichts gefunden habe sowie auch auf Google.


    Vielen vielen dank und Grüsse aus der Schweiz [Blockierte Grafik: http://www.jquery-board.de/threads/images/smilies/smile.png]

  • Die 2te Frage ist mir zu allgemein.
    Zu 1.:
    sowas in etwa

  • Zu erstens kannst du dich auch mal an google machen - Stichwort 'Input Type=number' da hast du deine Buttons +/- und kannst einstellen in welcher sprungweise .... Is zumindest 'einfacher' / funktioniert ohne javascript


    Und zu dem realisieren .. Du kannst alle Werte in die Browser DB schreiben und dann daraus eine Liste generieren lassen..

  • Hier mal ein allgemeiner lesenswerter Artikel zum Thema html5 input types: http://www.torbenleuschner.de/…types-attribute-und-mehr/


    Und hier das Ergebniss meiner Langeweile :Dhttp://jsfiddle.net/ekh92/


    Übrigens... @cotton 's Script noch auf JQ übersetzt....


    HTML
    <input data-prod="weizen" value="-"      data-val="1"   data-posi="false" class="changer" type="button"/>
    <input data-prod="weizen" value="-10"    data-val="10"  data-posi="false" class="changer" type="button"/>
    <input data-prod="weizen" value="+10"    data-val="10"  data-posi="true"  class="changer" type="button" />
    <input data-prod="weizen" value="+"      data-val="1"   data-posi="true"  class="changer" type="button"/>
    <br>
    <!-- readonly damit keiner was eintragen kann sondern die button nutzt -->
    <input data-prod="weizen" class="field"  type="number" value="0" readonly />


    Und was haben wir gespart im vergelich..? keine müde Zeile haha ^^:thumbdown:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!