Button: Wert übertragen und speichern

[basti9422]

Moin Leute!

Ich habe folgendes Problem.

Ich baue zurzeit eine Homepage aus reinen Übungszwecken um halt zu üben^^

Man soll halt Fast Food Ketten bewerten können, deshalb habe ich sozusagen 5 Burger zur Auswahl (anstatt von Sternen).

Hier mal um nen Überblick zu bekommen:

<div>
							<button id="buttonburger1" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/barger.png');changeImg('barger3','../pics/barger.png');changeImg('barger2','../pics/barger.png');changeImg('barger1','../pics/burger.png')"><img id="barger1" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger2" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/barger.png');changeImg('barger3','../pics/barger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger2" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger3" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/barger.png');changeImg('barger3','../pics/burger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger3" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger4" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/burger.png');changeImg('barger3','../pics/burger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger4" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger5" onclick="changeImg('barger5','../pics/burger.png');changeImg('barger4','../pics/burger.png');changeImg('barger3','../pics/burger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger5" class="bwbarger" src="../pics/barger.png"></button>
						</div>

So das geht alles, dass man halt den 3. Burger auswählt und die anderen 2 davor auch Farbig werden. (burger.png =farbig, barger.png=grau)

Jetzt will ich aber, dass die Buttons einen bestimmten Wert bekommen, damit ich die per PHP in die Datenbank abspeichern kann und später den Durchschnitt errechnen kann.

Aber wie?

EDIT: Das hier ist das Formular dazu, mit einem Textfeld für die Rezension und einen submit sowie reset Button.

				<form name="Formular" class="bwform" action="../insertcomment.php" method="post" onsubmit="return chkFormular()">
						<textarea class="bwtextarea" name="bwtext" type="text" cols="50" rows="10" maxlength="1000" placeholder="Wie finden Sie Jim Block?"></textarea>
						<input class="absendenbutton" name="Absenden" type="submit" value="Bewerten"/>
						<input class="löschbutton" name="Löschen" type="reset" value="Löschen"/>
					</form>

 

[toxic189]

Bitte bearbeite nochmals den Text und haue den Quellcode als PHP rein

 

[Yuuri]

Buttons haben keinen Wert, dazu brauchst du schon irgend ein Eingabefeld (input, select, textarea).

 

[Bisumaruku]

Buttons haben keinen Wert, dazu brauchst du schon irgend ein Eingabefeld (input, select, textarea).

Quark! Muss nur ein value in den Button-Tag und ein name wäre auch nicht schlecht.
Würde beim ersten Burger dann halt value="1" und beim 2. value="2" usw. machen.

/Edit: Achso und statt <button> würde ich <input type="submit"> nehmen.

 

[Suxxess]

In der Datei "insertcomment.php" kannst du die übertragenden Variablen dann übergeben.

$bwtext=$_POST[bwtext]

Und danach halt die Verbindung zur Datenbank aufbauen und den Wert dort speichern.
Einfach mal durcharbeiten, dass ist das kleine 1*1.
http://www.schattenbaum.net/php/mstart.php

 

[Yuuri]

@ braumeister: Was ist daran Quark? Der Kontext dieses Aufbaus, ist so schon mal für die Katz. Wenn man daraus ein anständiges Formular machen will, sollte er irgendwo ein verstecktes Input-Feld unterbringen, welches er mit einem Wert beim OnClick der Buttons füllt. Der Wert im Button bringt ihm nichts, da er im Formular dann beim Abschicken nicht übertragen wird, da eben jener Button nicht gedrückt wurde, sondern der Submit-Button des Formulars. Zumal sind die Buttons anscheinend nicht mal im Formular drin, ergo ergibt ein Wert in dem Button gar kein Sinn.

 

[gaunt]

Für die Sterne oder eben Burger würde ich das Raty Plugin nehmen. Damit sparst du dir vieeel Arbeit!
Das Plugin sorgt von selbst dafür das die richtige Anzahl an Sternen angezeigt wird und das die Daten auch brauchbar übertragen werden können.
Java Scrip Teil:

$('#ButtonID').raty({ path: 'pfadZuDenBildern/images', scoreName: 'feldName', number: 6, readOnly: true, score: 3, hints: ['sehr schlecht', 'schlecht', 'ausreichend', 'befriedigend', 'gut', 'sehr gut'] });

HTML Teil:

<div id="ButtonID"></div>

So einfach geht das. Hover und alles ist dabei und das Plugin ist gut konfigurierbar. Aussehen (z.B. Sterne durch Burger ersetzen) machst du über CSS.

 

[basti9422]

Okay danke erstmal!